Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover, focus, tap, or click.
| Prop | Type | Description |
|---|---|---|
| children | node | The children to display within the tooltip |
| placement | oneOf(['top', 'right', 'bottom', 'left']) | Set the placement of the arrow pointing at. |
| className | string | Set the label of the button |
Use when necessary to provide an explanation for an interface element. Default placement is top if placement is omitted. Place your content inside the component to display within.
<Tooltip placement="right">
International University of Monaco
</Tooltip>