Sheet

Slide-in panel from any edge — left, right, top, or bottom. Built on Radix Dialog.

Installation

Run the CLI

$npx particleui-cli add sheet

Usage

TSX

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

export default function Example() {
  return (
    <Sheet>
      <SheetTrigger asChild>
        <Button>Open sheet</Button>
      </SheetTrigger>
      <SheetContent>
        <SheetHeader>
          <SheetTitle>Edit profile</SheetTitle>
        </SheetHeader>
      </SheetContent>
    </Sheet>
  )
}

Details

Source filecomponents/ui/sheet.tsx

Typeui

Categoriesoverlay, core

npm dependencies@radix-ui/react-dialog, lucide-react, tailwind-variants

Registry deps

Claude skill—