Skip to main content

Function: TooltipIcon()

TooltipIcon(__namedParameters): Element

Defined in: 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​

ParameterType
__namedParametersTooltipIconProps

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')}
/>