Sheet

A panel that slides in from an edge of the screen to show supplementary content or actions without leaving the current page.

Sheet

Installation

pnpm dlx shadcn@latest add @sortui/sheet

Usage

import {
  Sheet,
  SheetTrigger,
  SheetClose,
  SheetContent,
  SheetHeader,
  SheetFooter,
  SheetTitle,
  SheetDescription,
} from "@/components/ui/sheet"

Examples

Payment details

Bottom

Keyboard shortcuts

Edit event

Order tracking

Comments

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.