youthweb-styleguide

Growl: Primary 

<div class="growl growl-static">
    <div class="alert alert-primary alert-dismissable" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">×</span>
        </button>
        <strong>Well done!</strong> You successfully read this important alert message.
    </div>
</div>
 
<div class="growl growl-static">
  <div class="alert alert-{{ variant }} alert-dismissable" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
    <strong>{{ title }}</strong> {{ message }}
  </div>
</div>
 
{
  "title": "Well done!",
  "message": "You successfully read this important alert message.",
  "variant": "primary"
}

No notes defined.