Drawer Bottom 1 - Simple bottom drawer

Pro

Vaul bottom Drawer with trigger button and short content panel.
Shadcn Drawer Bottom 1 component

Component data

ID
drawer/drawer-bottom-1
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Drawer Bottom 1 component design & features

This drawer uses shadcn Drawer built on Vaul with direction bottom. DrawerTrigger opens DrawerContent from the screen edge with DrawerHeader title and description plus a close action.

Bottom drawers suit mobile-first actions, share sheets, and quick forms that should feel native on phones. Use them when the task is brief and thumb reach matters more than a centered dialog.