hero-* layouts and backgrounds.

Usage#

html
<section class="hero-neon">…</section>

The classes#

ClassPurpose
hero-neonGlowing hero layout

Compose with utilities#

html
<section class="hero-neon py-24 text-center">Launch</section>

Customization#

v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.

Accessibility#

  • Hero videos need pause controls

components/index|Components hub · themes/index|Themes · recipes/index|Recipes