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 when each displays its own tooltip (the browser's native one and the SVAR one) but make sure it's not redundant in your case.

Example

<Tooltip at="top-center" arrow>
  <TwoState tooltip="Toggle bold" icon="wxi-bold" />
</Tooltip>

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

Related sample: Two State Button