Drawer component examples

Drawers bring supporting tasks or navigation in from the edge of the screen.

Also known as Offcanvas, Tray, Flyout, Sheet, Side modal, Side panel, Slideout

Related categories

Explore adjacent component patterns.

Modal

Alert dialog, Confirmation dialog, Confirmation modal, Dialog, dialogs, Modal window, Popup

Popover

Popout, Popconfirm, anchored overlay

Navigation

Menu, Menubar, Nav, Nav list, Navbar, Navigation bar, Side nav, Side navigation, Sidebar, Top bar, Top nav, Top navigation, Topbar

Accordion

Collapse, Collapsible, Collapsible sections, Details, Disclosure, Expandable, Expandable section, Expander