ComponentClient component

Sheet

A dialog surface that enters from an edge of the viewport.

Installation

Preview

Usage

tsx

import {
  Sheet,
  SheetContent,
  SheetTitle,
  SheetTrigger,
} from "@/components/ui/sheet"

<Sheet>
  <SheetTrigger>Open menu</SheetTrigger>
  <SheetContent>
    <SheetTitle>Navigation</SheetTitle>
  </SheetContent>
</Sheet>

API reference

Prop	Type	Default	Description
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.