Pleasance Styleguide

Alert: Error 

<div class="alert alert-danger d-flex align-items-center" role="alert">
    <svg class="bi flex-shrink-0 me-2" role="img" aria-label="Info:">
        <use xlink:href="#exclamation-triangle-fill" />
    </svg>
    <div>
        <p>
            An example alert.
        </p>

    </div>
</div>
 
{% render '@alert' with {
  type: 'danger',
  icon_name: 'exclamation-triangle-fill',
  text: 'An example error alert'
}%}
 
{
  "type": "secondary",
  "icon_name": "info",
  "copy": "<p>\n  An example alert.\n</p>\n"
}
  • Content: 
    .alert {
  p {
    &:last-of-type {
      margin-bottom: 0;
    }
  }
}
  • URL: /components/raw/alert/alert.scss
  • Filesystem Path: src/components/01-elements/alert/alert.scss
  • Size: 71 Bytes

No notes defined.