Function: TooltipIcon()

TooltipIcon(__namedParameters): Element

Defined in: packages/ui/src/components/TooltipIcon.tsx:67

TooltipIcon component renders an icon with an optional tooltip.

This component is useful for displaying icons with explanatory tooltips, especially in contexts where space is limited or additional information should be revealed on hover.

Parameters

__namedParameters

TooltipIconProps

Returns

Element

Examples

<TooltipIcon
  icon="info-circle"
  tooltip={{ children: 'Additional information' }}
  variant="info"
/>

<TooltipIcon
  icon="warning-alt"
  tooltip={{ children: 'Warning message', place: 'top' }}
  variant="warning"
  onClick={() => console.log('Clicked')}
/>