Icon Tooltip

Not in Production

Info-style icon that is purely a Tooltip affordance — no button chrome (fill/border/press scale), just a focusable glyph. Messaging trigger for a specific help use case.

Preview

Code

Inspect

Appearance

hasCaret

Content

title *

iconName

Accessibility

aria-label

Props — IconTooltip

Prop	Type	Description
`title`	`ReactNode`	Brief contextual text shown in the tooltip bubble.
`iconName`	`FaIconName \| string`	FA icon rendered as the trigger affordance.
`color`	`"primary" \| "secondary" \| "tertiary"`	primary → brand; secondary → neutral-primary; tertiary → neutral-quaternary.
`size`	`"large" \| "medium" \| "small" \| "extraSmall"`	Glyph size on the shared control size scale.
`placement`	`"bottom-start" \| "bottom" \| "bottom-end" \| "top-start" \| "top" \| "top-end" \| "left-start" \| "left" \| "left-end" \| "right-start" \| "right" \| "right-end"`	MUI placement, passed through to Tooltip.
`hasCaret`	`boolean`	Show the pointing caret.
`aria-label`	`string`	Accessible trigger name. Falls back to title when title is a plain string.