Drawer

A panel that slides in from the screen edge

(~ content ~) [ - - drawer - - ]
(~ content ~) [ label: (input) ]
(~ content ~) [ label: (input) ]
(~ content ~) [ (~ ~) [ Save ] ]

DETAILS

categoryOverlay / Modalsizingfillsourceshadcnslugdrawer

Related in Overlay / Modal

+---------------------------+
| Are you sure?             |
| This cannot be undone.    |
|                           |
| [ Cancel ]   [ Confirm ]  |
+---------------------------+

Alert Dialog

+-------------------+
| Copy              |
| Paste             |
| - - - - - - - - - |
| Delete            |
+-------------------+

Context Menu

+-----------------------------+
| Dialog Title                |
| Dialog content goes here    |
|                             |
| (~ ~)  [ Cancel ] [ Save ]  |
+-----------------------------+

Dialog

[ Options v ]
+---------------+
| Item One      |
| Item Two      |
| - - - - - - - |
| Item Three    |
+---------------+

Dropdown Menu