Registry Index
ComponentReactregistry:ui

Sheet

sheet

Slide-in panel on radix-ui Dialog with 4 sides (right, left, top, bottom), 3 sizes (sm, md, lg) that set the panel width for the left/right sides, and directional slide animations using ai2 motion tokens.

This item declares no source files.

Notes from the author

Set side on SheetContent. Use for navigation drawers (left/right) and mobile filters (bottom).
1 example

See it in use

Used by 1 item

Built on Sheet

Other @ai2 items that list this one as a dependency.

@ai2

More from @ai2