Skip to main content

Alerts

<div role="alert" class="c-alert">
  <button class="c-button c-button--close">&times;</button>
  Default
</div>
<div role="alert" class="c-alert c-alert--brand">
  <button class="c-button c-button--close">&times;</button>
  Brand
</div>
<div role="alert" class="c-alert c-alert--info">
  <button class="c-button c-button--close">&times;</button>
  Info
</div>
<div role="alert" class="c-alert c-alert--warning">
  <button class="c-button c-button--close">&times;</button>
  Warning
</div>
<div role="alert" class="c-alert c-alert--success">
  <button class="c-button c-button--close">&times;</button>
  Success
</div>
<div role="alert" class="c-alert c-alert--error">
  <button class="c-button c-button--close">&times;</button>
  Error
</div>