Flowing Menu
Big text links. Hovering a row slides in a colored band from the edge the pointer came through, carrying a marquee of the label and a picture.
import { FlowingMenu } from "pleate/effects/flowing-menu";Destinations
Props
- items
Links.
{ label, href, image? }[]- bandColor / bandText
Band colors.
stringdefault accent / on-accent- speed
Seconds per marquee loop.
numberdefault 12- label
Accessible name.
stringdefault "Menu"
Accessibility
- A nav of plain links; the band and marquee are decorative.
- Keyboard focus shows the band.
- Reduced motion skips the slide and keeps the marquee still.