Sheet

<Sheet>
  <SheetTrigger
    render={
      <Button emphasis="outline" icon={SlidersHorizontal} tone="neutral" />
    }
  >
    Filter materials
  </SheetTrigger>
  <SheetContent>
    <SheetHeader>
      <SheetTitle>Filter materials</SheetTitle>
      <SheetDescription>
        Narrow the catalogue by finish, origin, and lead time.
      </SheetDescription>
    </SheetHeader>
    <Text className="mt-4" size="paragraph-sm" variant="muted">
      Showing 128 materials across 14 collections.
    </Text>
    <SheetFooter>
      <Button>Apply filters</Button>
      <Button emphasis="ghost" tone="neutral">
        Reset
      </Button>
    </SheetFooter>
  </SheetContent>
</Sheet>