composition6 tokens6 stories
Tooltip
Contextual label revealed on hover or focus — supplements an icon or truncated text
Stories
Tokens
Design decisions specific to Tooltip — the values that control its appearance across all theme axes.
TokenTypeReferenceValueUsed by
--tooltip-font-weightfontWeight
{font-weight.medium}500
Tooltip
--tooltip-border-radiusdimension
{border-radius.sm}4px
Tooltip
--tooltip-max-widthdimension
260px260px
Tooltip
--tooltip-arrow-sizedimension
{space.2}8px
Tooltip
--tooltip-delay-durationnumber
400400
--tooltip-side-offsetnumber
66