Sheet

npm i junco @junco/tailwind

import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose } from "junco";

<Sheet>
  <SheetTrigger asChild>
    <Button variant="outline">Filters</Button>
  </SheetTrigger>
  <SheetContent side="right">
    <SheetHeader>
      <SheetTitle>Filters</SheetTitle>
      <SheetDescription>Narrow down the list.</SheetDescription>
    </SheetHeader>
    {/* content */}
    <SheetFooter>
      <SheetClose asChild><Button>Apply</Button></SheetClose>
    </SheetFooter>
  </SheetContent>
</Sheet>