edge-components

Alert: Multi Text 

<div class="alert">
    <span></span>
    <div>
        <h3 class="font-bold">New message!</h3>
        <div class="text-xs">You have 1 unread message</div>
    </div>
    <div>
        <button class="btn btn-sm">
            see
        </button>
    </div>
</div>
 
@jrmc.alert()
  @slot('main')
    <h3 class="font-bold">New message!</h3>
    <div class="text-xs">You have 1 unread message</div>
  @end
  @slot('actions')
    @!jrmc.button({ text: "see", class: "btn-sm" })
  @end
@end

Alert

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