Tooltip

A simple text popup tip. The Tooltip 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
TooltipDONE

Examples

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

Basic Tooltip Example

Very basic Tooltip component examples.

Advanced Tooltip Examples

You can use rich html content with Tooltip component too. Also it handles very long content.

Properties

This component composes styled-system

Property NameTypeDescription
childrennodeElements that you want to apply tooltip
direction - 'top'enumWhere to show the tooltip
contentnodeSet the content of tooltip. Can be a simple string or html.