Sheet

A panel that slides in from an edge, for forms and details that keep page context.

Installation

npx plankui@latest add sheet

Usage

import { Sheet } from "@/components/ui/sheet";

<Sheet>
  <SheetTrigger asChild><Button>Open</Button></SheetTrigger>
  <SheetContent side="right">…</SheetContent>
</Sheet>

API reference

Prop	Type	Default	Description
SheetContent.side	"right" \| "left" \| "bottom"	"right"	Edge it slides from.
open / onOpenChange	boolean / (open) => void		Controlled state.

View the source on GitHub