Components

Sheet

A panel that slides in from the edge of the screen.

Usage

With @flagon-io/ui installed (see Installation), import it directly.

import { Sheet, SheetTrigger, SheetContent, SheetTitle } from "@flagon-io/ui";

<Sheet>
  <SheetTrigger>Open</SheetTrigger>
  <SheetContent side="left" className="p-6">
    <SheetTitle>Navigation</SheetTitle>
  </SheetContent>
</Sheet>

Prefer to own the code?

You don’t have to install the package - you can copy this component into your project with the shadcn CLI and edit it freely.

npx shadcn@latest add https://ui.flagon.io/r/sheet.json