The tooltip component is a temporary popover object that provides additional hidden information relevant to where the user is hovering with their mouse. Styling within this container is basic and should be based on a text-only approach. No linked text, components or additional styling should be added to the tooltip.Tooltip positions can be set via the props.
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
| Property | Values | Default |
|---|---|---|
| arrow Variant | bottom | right | top | left | bottom |
Help and support