Component size, gzipped: 27kb

Tooltip

Loading
API

Tooltips provide additional information upon hover or click. They often include contextual helper text to guide the user through the experience or provide more detail. Tooltips in Base have no arrow indicator and can be placed around any point of an object. Motion helps to reinforce its origin position.

Examples

Tooltip stateful example

You can use tooltips in many places, including inline text such as this. Tooltips are essentially just a Popover with a few style tweaks, so you can use all the features that Popover supports.

Tooltip stateful example with complex content

You can use tooltips in many places, including inline text such as this. Tooltips are essentially just a Popover with a few style tweaks, so you can use all the features that Popover supports.

API

Tooltip props

Tooltip exports

You can import this module like so:

import {StatefulTooltip} from 'baseui/tooltip'

It exports the following components or utility functions:

  • StatefulTooltip
  • StatefulContainer
  • Tooltip
  • ACCESSIBILITY_TYPE
  • PLACEMENT
  • TRIGGER_TYPE
  • STATE_CHANGE_TYPE
  • StyledArrow
  • StyledBody
  • StyledInner