<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.