Tooltips

A component that appears on hover which provides additional contextual help or information.

Component checklist

Status

The status of the component

Ready for use!

Figma component

A link to the Figma library where the component lives.

Tooltip
Tooltip

 

Instance properties


Tooltip
Property Values Default
show-start-icon Boolean true | false false
↪️ start-icon InstanceSwap ↪️ start-icon diamond-regular-2
anchor Variant none | left | right | bottom | top none
text Text string Tooltip Message
contrast Variant default | high default

 

Instance Table


Tooltip
Tooltip
anchor left contrast default
Tooltip
Tooltip
anchor right contrast default
Tooltip
Tooltip
anchor bottom contrast default
Tooltip
Tooltip
anchor top contrast default
Tooltip
Tooltip
anchor none contrast default
Tooltip
Tooltip
anchor right contrast high
Tooltip
Tooltip
anchor none contrast high
Tooltip
Tooltip
anchor left contrast high
Tooltip
Tooltip
anchor bottom contrast high
Tooltip
Tooltip
anchor top contrast high