Primitive / Moleculebeta

Sheet

Sliding panel for side, top, or bottom contextual workflows.

@glinui/uiComponent: sheet

Installation$

Package Manager$

pnpm add @glinui/ui @glinui/tokens

Registry$

pnpm dlx @glinui/cli@latest add sheet

Usage$

TSX

1import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from "@glinui/ui"
2
3export function SheetBasicDemo() {
4return (
5  <Sheet>
6    <SheetTrigger>Open sheet</SheetTrigger>
7    <SheetContent>
8      <SheetHeader>
9        <SheetTitle>Project settings</SheetTitle>
10        <SheetDescription>Adjust workspace preferences.</SheetDescription>
11      </SheetHeader>
12    </SheetContent>
13  </Sheet>
14)
15}

Examples$

Glass Side Sheet$

TSX

1import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from "@glinui/ui"
2
3export function SheetGlassDemo() {
4return (
5  <Sheet>
6    <SheetTrigger variant="glass">Open settings</SheetTrigger>
7    <SheetContent variant="glass" side="right">
8      <SheetHeader>
9        <SheetTitle>Workspace</SheetTitle>
10        <SheetDescription>Manage theme and team defaults.</SheetDescription>
11      </SheetHeader>
12    </SheetContent>
13  </Sheet>
14)
15}

Accessibility$

Built on Radix Dialog primitives.
Focus is trapped while open and restored on close.

Reduced Motion$

Slide transitions respect reduced-motion preferences.

API Reference$

SheetTrigger$

Prop	Type	Required	Default	Description
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from sheetTriggerVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from sheetTriggerVariants.

SheetContent$

Prop	Type	Required	Default	Description
`side`	`"top" \| "bottom" \| "left" \| "right"`	No	`"right"`	Variant option from sheetContentVariants.
`size`	`"sm" \| "md" \| "lg"`	No	`"md"`	Variant option from sheetContentVariants.
`variant`	`"default" \| "glass" \| "frosted" \| "outline" \| "ghost"`	No	`"default"`	Variant option from sheetContentVariants.

Source$

TSX

1import { Sheet, SheetTrigger, SheetContent } from "@glinui/ui"

Generated API Snapshot

Beta

Auto-extracted from TypeScript source in packages/ui/src/components/sheet.tsx. This section is in beta and may lag behind hand-curated docs. Regenerate with pnpm --filter @glinui/docs api:generate.

Generated: 2026-02-19T17:59:28.468Z · Full index: /docs/api-metadata

Primary Props Type

SheetProps