# Primary color
Tooltip
Tooltip can be used to show a message when hovering over an element.
| Class name | Type | |
|---|---|---|
| tooltip | Responsive | Container element |
| tooltip-open | Component | Force open tooltip |
| tooltip-top | Responsive | Put tooltip on top |
| tooltip-bottom | Responsive | Put tooltip on bottom |
| tooltip-left | Responsive | Put tooltip on left |
| tooltip-right | Responsive | Put tooltip on right |
| tooltip-primary | Modifier | Adds `primary` color to tooltip |
| tooltip-secondary | Modifier | Adds `secondary` color to tooltip |
| tooltip-accent | Modifier | Adds `accent` color to tooltip |
| tooltip-info | Modifier | Adds `info` color to tooltip |
| tooltip-success | Modifier | Adds `success` color to tooltip |
| tooltip-warning | Modifier | Adds `warning` color to tooltip |
| tooltip-error | Modifier | Adds `error` color to tooltip |
# Tooltip
# Force open
# Top
# Bottom
# Left
# Right
# Secondary color
# Accent color
# Info color
# Success color
# Warning color
# Error color
# Responsive tooltip. only show for large screen
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
