Popover
Betav1.0.0주변에 위치하는 부유 패널. 더 풍부한 콘텐츠 (입력/액션) 담을 수 있음.
Loading…
// Popover 컴포넌트는 카탈로그 페이지에서 import 후 사용.Installation
pnpm dlx shadcn@latest add https://groudit.com/r/popover.jsonComposition
PopoverDependencies
설치 시 자동으로 함께 들어오는 의존성. 모든 버전은 정확히 고정되어 자동 업데이트를 방지합니다.
npm packages
| Package | Version |
|---|---|
| @base-ui/react | 1.5.0 |
| clsx | 2.1.1 |
| tailwind-merge | 3.6.0 |
Accessibility
이 컴포넌트는 WAI-ARIA dialog 패턴을 따릅니다.
Keyboard interactions
| Key | Description |
|---|---|
EnterSpace | 트리거에서 popover 열기. |
Esc | popover 닫기 + 트리거로 포커스 복귀. |