Sheet · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

The base for OptionSheet and ActionSheet. Native mobile pattern; prefer over Dialog for pickers.

<Sheet open onClose title? description?>{children}</Sheet>

Already in every copy of the native kit:

import { Sheet } from '@/components/kit/sheet';

Exports: Sheet
Source: apps/mobile/components/kit/sheet.tsx
Packages: lucide-react-native@^1.21.0, react-native-safe-area-context@~5.7.0
Installs with: @kit-native/icon, @kit-native/lib-haptics, @kit-native/lib-reduced-motion, @kit-native/lib-theme, @kit-native/lib-utils, @kit-native/text
Also searched as: bottom sheet, drawer, modal sheet
Registry JSON: /r/native/sheet.json

The web kit's real component, live. Follows this site's theme.

Already in every copy of the web kit:

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

Exports: Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter
Source: apps/web/components/ui/sheet.tsx
Also searched as: drawer, side panel
Upstream: Unchanged from shadcn/ui; installs from their registry.

Agents: the whole registry is at /llms.txt.