Overlays
Modals, drawers, slideovers, accordions, and popovers.
Modal
Dialog windows for messages, confirmations, and focused tasks. Supports title, description, footer actions, and fullscreen mode.
Drawer
A panel that slides in from screen edges with drag-to-dismiss support. Useful for mobile-friendly forms and settings panels.
Slideover
A dialog that slides in from either side. Perfect for detailed views, notification panels, and settings forms.
Accordion
Stacked collapsible panels for FAQs, grouped content, and progressive disclosure. Supports single and multiple expand modes.
Single Expand (one at a time)
Multiple Expand (open several at once)
Collapsible
A simple toggle element to show or hide content. Ideal for progressive disclosure of supplementary information.
Popover
Floating non-modal dialogs for additional context, mini forms, and interactive content. Supports click and hover triggers with configurable positioning.
Trigger Modes
Positions
Rich Content