Sheet

<Sheet>
  <SheetTrigger asChild>
    <Button variant="outline">필터</Button>
  </SheetTrigger>
  <SheetContent>
    <SheetHeader>
      <SheetTitle>상품 필터</SheetTitle>
      <SheetDescription>조건을 선택하면 목록에 바로 반영됩니다.</SheetDescription>
    </SheetHeader>
    <FieldGroup className="px-4">
      <Field orientation="horizontal">
        <Checkbox id="instock" defaultChecked />
        <FieldLabel htmlFor="instock" className="font-normal">
          재고 있음만 보기
        </FieldLabel>
      </Field>
    </FieldGroup>
    <SheetFooter>
      <SheetClose asChild>
        <Button>적용</Button>
      </SheetClose>
    </SheetFooter>
  </SheetContent>
</Sheet>