Sheet

Sliding sheet component with the same glass surface as drawers and dialogs. Great for mobile-first flows.

Sheet component

Mobile settings
Sheets slide over content while keeping the glass look and mono title.

Installation

pnpm dlx shadcn@latest add @omni/sheet

Usage

import {
  Sheet,
  SheetContent,
  SheetDescription,
  SheetFooter,
  SheetHeader,
  SheetTitle,
  SheetTrigger,
} from "@/components/ui/sheet"
<Sheet>
  <SheetTrigger>Open</SheetTrigger>
  <SheetContent>
    <SheetHeader>
      <SheetTitle>CHECKS</SheetTitle>
      <SheetDescription>Review diagnostics.</SheetDescription>
    </SheetHeader>
  </SheetContent>
</Sheet>