Sheet

Slide-in side panel for edit and detail flows.

shadcn/uinew-york-v4 · synced Aug 29, 2026

Source Markdown

Installation

import {
  Sheet,
  SheetTrigger,
  SheetContent,
  SheetHeader,
  SheetTitle,
  SheetDescription,
  SheetFooter,
} from "@aspyn-io/kit";

Edit panel (right side)

The side-panel pattern for editing without losing page context. A flex-1 overflow container scrolls between the pinned header and footer.

Sides

Notes

Built on the Dialog primitive: focus trapping, Escape, and overlay dismissal included.
Use Sheet for edit/detail side panels; use Dialog for focused decisions.