Skip to main content

Tooltip

A simple text popup tip.

When To Use#

  • The tip is shown on mouse enter, and is hidden on mouse leave. The Tooltip doesn't support complex text or operations.
  • To provide an explanation of a button/text/operation. It's often used instead of the html title attribute.

Examples#

import { Tooltip } from 'tailor-ui/lab';

Basic#

Stack#

API#

PropertyDescriptionTypeDefault
contentA string or react component inside this tooltip.ReactNode