Studiov0.6.0

Sheet

Tier 1 — shadcn
Overlays

A slide-in panel from the edge of the screen for secondary content or forms.

Live Preview

Code

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

<Sheet />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Filter panels
  • •Detail sidebars
  • •Mobile navigation drawers

Do

  • ✓Use side='right' for edit forms
  • ✓Use side='left' for navigation

Don't

  • ✗Don't use for confirmations — use Dialog or AlertDialog
  • ✗Don't make content wider than 50vw