바텀 시트

언제 쓰나요

• 옵션 메뉴(공유, 신고, 즐겨찾기 같은 부가 액션 모음)에 적합해요.

• 필터나 정렬 같은 보조 컨트롤에도 어울립니다.

• 리스트 항목의 상세 미리보기에도 자주 써요.

코드 예시 (shadcn/ui)

import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"

<Sheet>
  <SheetTrigger asChild>
    <Button>열기</Button>
  </SheetTrigger>
  <SheetContent side="bottom" className="h-[40vh] rounded-t-2xl">
    <ul>
      <li>옵션 1</li>
      <li>옵션 2</li>
    </ul>
  </SheetContent>
</Sheet>