Skip to main contentCarbon Design System

Tooltip

Preview the tooltip component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

<Tooltip
align="bottom"
label="This is some tooltip text. This box shows the maximum amount of text that should appear inside. If more room is needed please use a modal instead."
tabIndex={0}
triggerText="Tooltip label"
>
<button className="tooltip-trigger" type="button">
<Information />
</button>
</Tooltip>