Sheets
Panels that slide in from any edge over the whole page, flush or floating, in four widths, with nested sheets that stack on top; bottom sheets drag down to close.
Sheet
radix-ui · motion · lucide-react
Nested
A task opens in a floating sheet; click any person to open their profile beside it, twice as wide, with a contribution heatmap, a throughput chart and focus areas.
Left
A navigation menu from the left.
Bottom
A share sheet with a drag handle; drag down to close.
Top
An announcement from the top.
Floating
variant="floating" insets the panel with rounded corners.