navbar-glass, dropdown, accordion, tabs, pagination.
Usage#
<nav class="navbar-glass">…</nav>The classes#
| Class | Purpose |
|---|---|
navbar-glass | Frosted navbar |
dropdown / accordion / tabs | Disclosure patterns |
pagination | Pager component |
Compose with utilities#
<header class="navbar-glass sticky top-0 z-40">Site nav</header>Customization#
v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.
Accessibility#
- Dropdowns need keyboard support (Esc closes, arrows navigate)
Related#
components/index|Components hub · themes/index|Themes · recipes/index|Recipes