Drawer
Displays an interactive panel from screen edges for mobile-first flows.
Last updated: March 7, 2026
This component is currently being updated with more polished variants.
Basic Drawer
A bottom drawer for quick settings and lightweight actions.
Form Drawer
A right-side drawer with a compact profile form and next-step success feedback.
Minimalist Bottom Drawer
Simple bottom-sheet style action menu.
Side Panel Drawer
Right-side settings panel with toggle switches.
Full Width Drawer
Left drawer with wide navigation surface.
Searchable Drawer
Search-first filter drawer with checkbox options.
Nested Navigation Drawer
Expandable sections for nested navigation paths.
Action Menu Drawer
Bottom action sheet with primary item actions.
Settings Panel Drawer
Structured settings sections with grouped toggles.
Compact Icon Drawer
Icon-driven quick actions in a compact bottom drawer.
Gradient Accent Drawer
Premium style drawer with gradient accents.
Profile Drawer
User profile panel with account shortcuts.
Notification Drawer
Notification center style list with timestamps.
Filter Categories Drawer
Category filter panel with radio-style choices.