Skip to main content

Tooltip

Components​

Tooltip()​

Tooltip(props, context?): ReactNode

The ToolTip component offers a quick way to include a UI element that will be displayed when a user hovers over or clicks on an element that you want to include additional information for. The component It supports various placement options, triggers, custom styles, and you can include text or other React elements as content.

Parameters​

ParameterType
propsTooltipProps
context?any

Returns​

ReactNode

Example​

 const tooltipContent = 'I am a tooltip';
 const label = 'Hover over me to know more';
 <Tooltip content={tooltipContent} placement="top">
   <>{label}</>
 </Tooltip>

Source​

libs/design-system-core/src/components/Tooltip/index.tsx:64

Props​

TooltipProps​

TooltipProps: PropsWithChildren<TProps | object & TProps>

Source​

libs/design-system-core/src/components/Tooltip/index.tsx:25