Sheet

Use for side panels, drawers, and longer contextual editing flows

Sheet works well for longer, panel-like interaction.

Import

import {
  Sheet,
  SheetTrigger,
  SheetContent,
  SheetHeader,
  SheetTitle,
  SheetDescription,
  SheetFooter,
  Button,
} from "@downcity/ui";

Basic Example

Loading preview…

Supported Sides

  • top
  • right
  • bottom
  • left

Usage Notes

  • Prefer Sheet for long forms and side-panel workflows
  • Do not omit SheetTitle
  • Use showCloseButton={false} when you need full manual control