Theo's Typesafe Cult•12mo ago

Head component in Astro

I need to add some custom styles into <head> tag from component. But there is no <Head> component in Astro that would be similar to Next's or SvelteKit's. Is there any way to make it possible without property drilling everywhere. Some global variable or whatever

<style set:html={css}></style>

<style set:html={css}></style>

1 Reply

Porto•12mo ago

Using:

<style is:global></style>

<style is:global></style>

Puts the styles globally on the head for you https://docs.astro.build/en/guides/styling/#global-styles

Docs

Styles & CSS

Learn how to style components in Astro with scoped styles, external CSS, and tooling like Sass and PostCSS.

Gaming

Programming

Head component in Astro