Drawer

A panel that slides in from any edge of the screen. Same focus trap and scroll lock as Dialog.

Side variants

Use the side prop to control which edge the drawer slides in from.

Settings panel (right)

The default right drawer is ideal for settings, detail views, and edit forms.

Bottom sheet

The bottom variant works well for mobile action sheets and quick-pick flows.