Sheet

Right Sheet

Import

import {
  Sheet,
  SheetContent,
  SheetDescription,
  SheetHeader,
  SheetTitle,
  SheetTrigger,
} from "@mikenotthepope/substrateui"

Composition

Sheet
├── SheetTrigger
└── SheetContent
    └── SheetHeader
        ├── SheetTitle
        └── SheetDescription

Labels

The close button is an icon, so this string is its entire accessible name. Override one instance with the labels prop on the component, or every instance at once through LabelsProvider's sheet key — the provider is how you translate the set once instead of at each call site.

Accessibility

API Reference