Sheet

Slide-over panels for mobile navigation and quick edits.

Example

import { Button } from "matcha-ui";
import {
  Sheet,
  SheetContent,
  SheetDescription,
  SheetHeader,
  SheetTitle,
  SheetTrigger,
} from "matcha-ui";

<Sheet>
  <SheetTrigger asChild>
    <Button variant="outline">Open sheet</Button>
  </SheetTrigger>
  <SheetContent side="right">
    <SheetHeader>
      <SheetTitle>Filters</SheetTitle>
      <SheetDescription>Refine your view.</SheetDescription>
    </SheetHeader>
  </SheetContent>
</Sheet>