# Alert

Variants:

```html
<div class="Alert Alert--success mb-600">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#info" />
  </svg>
  <div>We sent you an activation link to email <strong>spirit@lmc.eu</strong>.</div>
</div>

<div class="Alert Alert--informative mb-600">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#info" />
  </svg>
  <div>
    Data update failed due to missing internet connection Data update failed due to missing internet connection Data
    update failed due to missing internet connection Data update failed due to missing internet connection Data update
    failed due to missing internet connection Data update failed due to missing internet connection
  </div>
</div>

<div class="Alert Alert--warning mb-600">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#warning" />
  </svg>
  <div><strong>Warning!</strong> Data update failed due to missing internet connection</div>
</div>

<div class="Alert Alert--danger mb-600">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#close" />
  </svg>
  <div>Data update failed due to missing internet connection</div>
</div>

<div class="Alert Alert--success Alert--center mb-600">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#info" />
  </svg>
  <div>We sent you an activation link to email <strong>spirit@lmc.eu</strong>.</div>
</div>

<div class="Alert Alert--informative Alert--center">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#info" />
  </svg>
  <div>
    Data update failed due to missing internet connection Data update failed due to missing internet connection Data
    update failed due to missing internet connection Data update failed due to missing internet connection Data update
    failed due to missing internet connection Data update failed due to missing internet connection
  </div>
</div>

<div class="Alert Alert--warning Alert--center mb-600">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#warning" />
  </svg>
  <div><strong>Warning!</strong> Data update failed due to missing internet connection</div>
</div>

<div class="Alert Alert--danger Alert--center mb-600">
  <svg width="24" height="24">
    <use xlink:href="/icons/svg/sprite.svg#close" />
  </svg>
  <div>Data update failed due to missing internet connection</div>
</div>
```
