Studiov0.6.0

Drawer

Tier 1 — shadcn
Overlays

A mobile-friendly bottom sheet overlay — slides up from the bottom of the screen. Built on Vaul.

Live Preview

Code

import { Drawer } from "@regen/ui";

<Drawer />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Mobile action menus
  • •Bottom sheet confirmations
  • •Mobile filter panels

Do

  • ✓Use for mobile-first interactions
  • ✓Keep content concise — drawers are partial-screen

Don't

  • ✗Don't use on desktop for wide content — use Sheet or Dialog
  • ✗Don't nest Drawers