Pill Nav
A capsule nav bar: hovering floods a pill from below while its label rolls up. Folds into a menu button on narrow screens.
import { PillNav } from "pleate/effects/pill-nav";Site nav
Props
- items
Links.
{ label, href }[]- activeHref
Current page.
string- logo
Round logo pill.
ReactNode- logoHref / logoLabel
Logo link and name.
stringdefault "/" / "Home"
Accessibility
- A nav landmark with aria-current on the current link.
- The mobile toggle has aria-expanded and closes on Escape.