Sheet

Slides supplementary content from any viewport edge without leaving the current page.

Installation

bunx @swift-rust/ui add sheet

Usage

tsx

1import { Sheet, SheetClose, SheetContent, SheetTrigger } from "@/components/ui/sheet";
2 
3<Sheet side="right">
4  <SheetTrigger>Open filters</SheetTrigger>
5  <SheetContent>
6    Filter controls
7    <SheetClose>Done</SheetClose>
8  </SheetContent>
9</Sheet>

Composition

Sheet is composed of these parts:

Sheet
├── SheetTrigger
└── SheetContent
    └── SheetClose

← Separator Sidebar →