Popover

A simple text popup tip. The Popover component is used to describe something. In some cases tooltips are used to show more content, this should be used cautiously since it is hard to be completely accessible.

Component NameDevelopment Status
PopoverDONE

Examples

You can find all examples for components developed in this module here.

Basic Popover Example

Very basic Popover component examples.

Advanced Popover Examples

You can change the placement of the Popover component.

Properties

This component composes styled-system

Property NameTypeDescription
childrennoderequired
contentunionrequired
isShown - falseboolWhen true, the popover is shown.
width - 200numberWidth of the Popover.
placement - 'bottom-left'enumPositioning of the Popover