Popover Usage
사용자가 작업 도중 즉각적인 액션을 취할 수 있는 옵션을 제공합니다.
Layout
Sizing
Dropdown Popover
Dropdown popover는 함께 사용되는 맥락 컴포넌트의 크기를 바탕으로 크기를 알맞게 적용하여 사용합니다.
1. 제공자 사이즈가 medium, small, x-small 로 구성된 경우
| Provider Size | Popover Size |
|---|---|
| Medium / Small | Medium |
| X-small | Small |
2. 제공자 사이즈가 medium, small 로 구성된 경우
| Provider Size | Popover Size |
|---|---|
| Medium | Medium |
| Small | Small |
Placement
항목의 정렬에 맞추어 popover를 노출합니다. Popover가 제공되는 맥락 컴포넌트와 popover의 간격은 2px로 유지합니다.
단, button popover는 tail의 유무에 관계없이 요소와의 간격을 8px로 유지합니다.
