Feedback & OverlaysFree

Sheet

A panel that slides in from an edge of the screen — left, right, or bottom.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import {
  Sheet,
  SheetClose,
  SheetContent,
  SheetDescription,
  SheetHeader,
  SheetTitle,
  SheetTrigger,
} from "@wunderui/react"

Slide in from the right, left or bottom — click to open.

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Filters slide in from the right over a product list.

Products

128 results