benjaminpalko/.opencode/skills/daisyui/components/tooltip.md

tooltip

Tooltip can be used to show a message when hovering over an element

tooltip docs

Class names

• component: tooltip
• part: tooltip-content
• modifier: tooltip-open
• placement: tooltip-top, tooltip-bottom, tooltip-left, tooltip-right
• alignment: tooltip-start, tooltip-center, tooltip-end
• color: tooltip-primary, tooltip-secondary, tooltip-accent, tooltip-info, tooltip-success, tooltip-warning, tooltip-error

Syntax

<div class="tooltip {MODIFIER}" data-tip="Tooltip text">
  <button class="btn">Hover me</button>
</div>

Rules

• {MODIFIER} is optional and can have one of each modifier/placement/color class names