Popover
클릭 혹은 호버 시에 상황에 맞는 도움말이나 정보를 표시합니다. Tooltip보다 많은 양의 정보를 제공할 때 사용합니다.Anatomy
팝오버를 구성하는 요소를 설명합니다.
Rules of Use
Import
Examples
Props
name | description | default |
---|---|---|
header | PopoverHeader의 children입니다. stringelement | |
children | PopoverBody의 children입니다. node | |
isOpen | Popover의 열림 여부를 설정합니다. boolean | |
toggle | func | |
container | stringHTMLElementref | |
boundariesElement | element | |
placement | popover가 표시될 위치를 결정합니다. toprightbottomleft | top |
popperClassName | string | |
innerClassName | string | |
disabled | boolean | |
hideArrow | boolean | |
placementPrefix | string | |
delay | number | |
modifiers | object | |
positionFixed | boolean | |
cssModule | object | |
fade | boolean | |
flip | boolean | |
offset | string | |
target | stringHTMLElement |