<div class="alert">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current flex-shrink-0 w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg> <span>12 unread messages. Tap to see.</span>
</div>
@jrmc.alert({ text: '12 unread messages. Tap to see.' })
@slot('icon')
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current flex-shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
@end
@end
Doc : daisyui alert
Alert informs users about important events.
| Class name | Type | |
|---|---|---|
| alert | Component | Container element |
| alert-info | Responsive | Alert with info color |
| alert-success | Responsive | Alert with success color |
| alert-warning | Responsive | Alert with warning color |
| alert-error | Responsive | Alert with error color |