tooltip

Description

Optional. Sets the tooltip text shown on hover when the control is wrapped in a Tooltip component

Usage

tooltip?: string;

Details

The tooltip prop sets data-tooltip-text on the control's root element. The tooltip is shown automatically when the control is wrapped in a <Tooltip> component. It is independent of the title prop — both can be set simultaneously, but each will display its own tooltip (the browser's native one and the SVAR one), which can look redundant.

Example

<Tooltip at="top-center" arrow>
  <Counter tooltip="Adjust quantity" />
</Tooltip>

Related article: Using the tooltip prop on built-in controls

Related sample: Counter