> For the complete documentation index, see [llms.txt](https://owwwlab.gitbook.io/chaos-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://owwwlab.gitbook.io/chaos-docs/els/notifications.md).

# notifications

## Variations

### Default

![Notifications](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV08zDSzjN0-AUHY4l%2Fnotifications.png?generation=1535988005580829\&alt=media)

You can see the markup below:

```
<div role="alert" class="alert alert-success">see what other people say!</div>
```

**Helper classes**: 1. `alert-success` 2. `alert-info` 3. `alert-warning` 4. `alert-danger` 5. `alert-dark` 6. `alert-gray`

These classes can be used with all other variations.

### With Icons

![With Icons](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV08zFb5ALf0F3uBH-%2FWith-Icons.png?generation=1535987982891061\&alt=media)

An icon would be added to the markup:

```
 <div role="alert" class="alert alert-warning">
    <i class="oli oli-info"></i>see what other people say!
 </div>
```

### With Big Icons

![With Big Icons](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV08zHtQYrzU67gnEF%2FWith-Big-Icons.png?generation=1535988005581107\&alt=media)

It is represented by `with-big-icons` class as below:

```
<div role="alert" class="alert with-big-icons alert-danger">
    <i class="oli oli-ok-filled"></i>see what other people say!
</div>
```

### Thin

![Thin With Big Icons](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV08zJ0ir5vh9gBPWC%2FThin-with-big-icons.png?generation=1535988012688771\&alt=media)

It is represented by `alert-thin` class. You can use it with any other variations.