A next-generation tool to create blazing-fast documentation sites
API
created:3/5/2021
updated:3/5/2021
source lines:85
comments %:7

Popover

@component-controls/components
3.6.1

Popover container that is triggered by a click/hover event, using react-popper-tooltip.

import { Popover } from '@component-controls/components';

Overview

Name
Description
Default
Controls
placement

Tooltip placement w.r.t. trigger

undefinedautoauto-startauto-endtopbottomrightlefttop-starttop-endbottom-startbottom-endright-startright-endleft-startleft-end
bottom
trigger

Event that triggers the tooltip

"none" | "click" | "right-click" | "hover" | "focus" | TriggerTypes[]
hover

Name
Description
Default
PopoverOwnProps (1 properties)
arrowVisible

set to false to hide the arrow

boolean
true
TooltipTriggerProps (16 properties)

Commits

Date
Author
Commit Message
2/17/2021

atanasster

feat: components history and catalog
12/4/2020

atanasster

fix: update popover style color
11/30/2020

atanasster

chore: update theme-ui to 0.5.0
10/26/2020

atanasster

fix: themable popup arrow
9/15/2020

atanasster

feat: color-parse for better parsing
6/21/2020

atanasster

feat: full text search initial
3/20/2020

atanasster

docs: update docs for Markdown and Popover
3/20/2020

atanasster

fix: update components docs
3/9/2020

atanasster

docs: update stories, readme
2/28/2020

atanasster

chore: reorganize editors package
11 commits

package
imports
peer
@theme-ui/css
^0.6.0-alpha.7
get
*
react
^17.0.1
ReactFC
*
TooltipTrigger
TooltipTriggerPropsChildrenArg
theme-ui
^0.6.0-alpha.7
ColorModesScale

file
imports
"./PopoverUtils"
ArrowWrapper
"../ThemeContext"
useTheme