CataUiTooltip

A tooltip component that displays informational text when hovered or focused. Tooltips are useful for providing additional context or explanations without cluttering the interface.

Default tooltip (top placement)

Different placements

Custom delay (100ms)

Basic Usage

<CataUiTooltip label="This is a helpful tooltip" />

Placement Options

<CataUiTooltip 
  label="Tooltip positioned below" 
  placement="bottom" />

<CataUiTooltip 
  label="Tooltip positioned to the right" 
  placement="right" />

Custom Delay

<CataUiTooltip 
  label="This tooltip appears faster on hover" 
  :delay="100" />

Props

Prop	Description	Type	Default	Required	Options
delay	Duration in milliseconds before the tooltip appears when hovered	Number	250	false
label	Content text to display in the tooltip	String		true
placement	Positioning of the tooltip relative to the trigger button	String	top	false	top, top-start, top-end, bottom, bottom-start, bottom-end, left, left-start, left-end, right, right-start, right-end