Staggered Menu
A menu button that opens a side panel in layers: two colored sheets sweep in, then numbered links rise in sequence.
import { StaggeredMenu } from "pleate/effects/staggered-menu";In a header
Northwind
Props
- items
Links.
{ label, href }[]- side
Panel side.
"left" | "right"default "right"- layers
Sheet colors.
[string, string]default accent tones- contained
Fill the parent instead of the viewport.
booleandefault false- onOpenChange
Open state.
(open) => void
Accessibility
- The toggle has aria-expanded and aria-controls.
- Focus moves to the first link; Escape closes and returns focus to the toggle.
- Reduced motion fades it in.