Tooltip​

The Tooltip UI component is a floating label that briefly explains the function of a user interface element.

Preview​

Code example​

render('Checkout::Dynamic::Render', (props) => {
  return (
    <Tooltip title="This product is designated as a special discount item, offered at a reduced price for a limited period.">
      <Icon source="question"></Icon>
    </Tooltip>
  );
});

TooltipProps​

title​

The tooltip text to be displayed.

children​

UI element that triggers the tooltip (such as a button or icon).

placement?​

The position where the tooltip text is displayed.

trigger?​

The method by which the tooltip is triggered.