Pleasance Styleguide

Alert: Success 

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

    </div>
</div>
 
{% render '@alert' with {
  type: 'success',
  icon_name: 'check-circle-fill',
  text: 'An example success 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.