19 lines
550 B
Markdown
19 lines
550 B
Markdown
### alert
|
|
Alert informs users about important events
|
|
|
|
[alert docs](https://daisyui.com/components/alert/)
|
|
|
|
#### Class names
|
|
- component: `alert`
|
|
- style: `alert-outline`, `alert-dash`, `alert-soft`
|
|
- color: `alert-info`, `alert-success`, `alert-warning`, `alert-error`
|
|
- direction: `alert-vertical`, `alert-horizontal`
|
|
|
|
#### Syntax
|
|
```html
|
|
<div role="alert" class="alert {MODIFIER}">{CONTENT}</div>
|
|
```
|
|
|
|
#### Rules
|
|
- {MODIFIER} is optional and can have one of each style/color/direction class names
|
|
- Add `sm:alert-horizontal` for responsive layouts
|