---
layout: default
---

<div class="example">
  <div class="flash flash-positive">
    <p>Positive flash</p>
  </div>
</div>

```html
<div class="flash flash-positive">
  <p>Positive flash</p>
</div>
```

<div class="example">
  <div class="flash flash-negative">
    <p>Negative flash</p>
  </div>
</div>

```html
<div class="flash flash-negative">
  <p>Negative flash</p>
</div>
```

<div class="example">
  <div class="flash flash-informative">
    <p>Informative flash</p>
  </div>
</div>

```html
<div class="flash flash-informative">
  <p>Informative flash</p>
</div>
```

---
layout: default
---

<div class="example">
  <div class="flash">
    <p>Flash</p>
  </div>
</div>

```html
<div class="flash">
  <p>Flash</p>
</div>
```

<div class="example">
  <div class="flash flash-positive">
    <p>Positive flash</p>
  </div>
</div>

```html
<div class="flash flash-positive">
  <p>Positive flash</p>
</div>
```

<div class="example">
  <div class="flash flash-negative">
    <p>Negative flash</p>
  </div>
</div>

```html
<div class="flash flash-negative">
  <p>Negative flash</p>
</div>
```

<div class="example">
  <div class="flash flash-informative">
    <p>Informative flash</p>
  </div>
</div>

```html
<div class="flash flash-informative">
  <p>Informative flash</p>
</div>
```

Add empty flash to docs
Add empty flash to docs
