Popover

3.15.0

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

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

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)

Date	Author	Commit Message
12/25/2021	atanasster	chore: upgrade eslint, gatsby, next
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

12 commits

package	imports	peer
@theme-ui/css ^0.8.4	get
react ^17.0.1	ReactFC	*
react-popper-tooltip ^17.0.1	TooltipTrigger	*
react-popper-tooltip/dist/types ^17.0.1	TooltipTriggerPropsChildrenArg	*
theme-ui ^0.8.4	ColorModesScale

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

<TooltipTrigger

placementtriggermodifierstooltipShownonVisibilityChangetooltip

^17.0.1

<Wrapper

placementborderColorhiddenrefstyle

Wrapper

from"./PopoverUtils"

<Arrow

placementborderColorrefstyle

Arrow

from"./PopoverUtils"

<div

refstyle

div