Popover
사용자가 작업 도중 즉각적인 액션을 취할 수 있는 옵션을 제공합니다.
Live Demo
Dropdown Popover
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| anchorEl | Element | null | null | Popover가 연결될 앵커 엘리먼트입니다. |
| anchorOrigin | { horizontal: string, vertical: string } | { horizontal: 'left', vertical: 'bottom' } | Popover의 앵커 위치를 지정합니다. |
| onClose | () => void | - | Popover 닫기 시 호출할 콜백입니다. |
| children | ReactNode | - | Popover 내부에 표시할 콘텐츠입니다. |
Anatomy
Dropdown Popover
- Container
- Selection
Button Popover
- Container
- Button
- Tail (optional)
Context Popover
- Container
- Title (optional)
- Tabs (optional)
- Content area
- Button group (optional)