Off-canvas panels for mobile menus, carts, filters, and command surfaces.
Root + 5 atoms / Accessible / Composable
Looping preview · edge slide + focus trap
Drawer owns the parts that are tedious and easy to get wrong – so you can focus on the layout and the brand.
Different structures made from the same atoms.
Test Map uses Drawer Trigger to open Drawer, then composes Drawer Title and Drawer Close inside the default slot.
Test MapA navigation drawer uses the same remote trigger model, with Drawer Description available for extra context.
Component modelCommerce layouts can place cart markup in the default slot without adding extra drawer-family atoms.
Component modelExpandable sections with keyboard nav, ARIA, and animated panels.
i-layers / Root + 4 atomsView familyTabbed panels with an optional responsive accordion fallback.
i-columns / Root + 4 atomsView familyFocus-trapped modal overlays with title, description, and close.
i-frame / Root + 5 atomsView family