Sheet

Extends the Dialog component to display content that complements the main content of the screen.

side

Installation

Usage

<Sheet>
  <SheetTrigger>Open Sheet</SheetTrigger>
  <SheetContent>
    <SheetHeader>
      <SheetTitle>Title</SheetTitle>
      <SheetDescription>Description</SheetDescription>
    </SheetHeader>
    <p>Sheet Content</p>
    <SheetFooter>
      <button>Close</button>
    </SheetFooter>
  </SheetContent>
</Sheet>

Props

Radix UI

Docs API Reference

Shadcn UI

Docs

Animate UI props

SheetContent

Prop

Type

Credits

We use Radix UI for the sheet component.
We take our inspiration from Shadcn UI for the sheet style.

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Sidebar

A composable, themeable and customizable sidebar component. Created by Shadcn and animated by Animate UI.

Sheet

On this page