22 lines
736 B
Markdown
22 lines
736 B
Markdown
### tooltip
|
|
Tooltip can be used to show a message when hovering over an element
|
|
|
|
[tooltip docs](https://daisyui.com/components/tooltip/)
|
|
|
|
#### 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
|
|
```html
|
|
<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
|