Tooltip
Tooltip displays additional information when hovering over an element.
Installation
npx jsx-daisyui add tooltipDefault
tooltip-default
Placements
tooltip-placements
Colors
tooltip-colors
Props
Tooltip
| Prop | Type | Default | Description |
|---|---|---|---|
content | React.ReactNode | - | The content to display inside the tooltip when triggered. |
placement | 'top' | 'bottom' | 'left' | 'right' | 'top' | The placement of the tooltip relative to the trigger. |
color | 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | - | The color variant of the tooltip. |
open | boolean | - | Forces the tooltip to stay open. |
responsive | boolean | - | If true, tooltip only shows on large screens. |