created:3/15/2021
updated:3/15/2021
source lines:85
comments %:7
Popover
Popover container that is triggered by a click/hover event, using react-popper-tooltip.
Name | Description | Default | Controls |
|---|---|---|---|
| placement | Tooltip placement w.r.t. trigger autoauto-startauto-endtopbottomrightlefttop-starttop-endbottom-startbottom-endright-startright-endleft-startleft-end | bottom | |
| trigger | Event that triggers the tooltip Trigger | hover |
Name | Description | Default | |
|---|---|---|---|
PopoverOwnProps (1 properties) | |||
| arrowVisible | set to false to hide the arrow boolean | true | |
TooltipTriggerProps (16 properties) | |||
package | imports | peer |
|---|---|---|
@theme-ui/css ^0.6.0-alpha.7 | get | * |
react ^17.0.1 | ReactFC | * |
react-popper-tooltip ^3.1.0 | TooltipTrigger | |
TooltipTriggerPropsChildrenArg | ||
theme-ui ^0.6.0-alpha.7 | ColorModesScale |
file | imports |
|---|---|
| "./PopoverUtils" | ArrowWrapper |
| "../ThemeContext" | useTheme |