XV
UI

Drawer

Slide-in panels from any edge with configurable size and trigger.

Sides

Open Right

This drawer slides in from the right edge. It's ideal for detail panels, settings, and supplementary content.

Open Left

This drawer slides in from the left edge. Great for navigation menus.

Open Bottom

This drawer slides up from the bottom. Useful on mobile for action sheets.

Open Top

This drawer slides down from the top. Good for notifications or alerts.

Sizes

Small

sm — 288px wide

Medium

md — 384px wide (default)

Large

lg — 512px wide

With Footer

Open with Footer
Cancel Save Changes