Notifications
Notifications represent one of the best ways to give feedback for various users actions.
Toastr Configurator
Title
Message
Close Button
Add behavior on toast click
Add behavior on toast close button click
Debug
Progress Bar
Right-To-Left
Prevent Duplicates
Add button to force clearing a toast
Newest on top

##### Toast Type

Success
Info
Warning
Error

##### Position

Top Right
Bottom Right
Bottom Left
Top Left
Top Full Width
Bottom Full Width
Top Center
Bottom Center
Show Easing
Hide Easing
Show Method
Hide Method
Show Duration
Hide Duration
Time out
Extended time out

##### Success

##### Question

##### Danger

##### Info

##### Warning

##### Example 1

##### Example 2

##### Custom Animation

##### Alerts

This is a primary alert — check it out!
This is a secondary alert — check it out!
This is a success alert — check it out!
This is a danger alert — check it out!
This is a warning alert — check it out!
This is a info alert — check it out!
This is a light alert — check it out!
This is a dark alert — check it out!

##### Alerts Link Color

This is a primary alert with an example link. Give it a click if you like.
This is a secondary alert with an example link. Give it a click if you like.
This is a success alert with an example link. Give it a click if you like.
This is a danger alert with an example link. Give it a click if you like.
This is a warning alert with an example link. Give it a click if you like.
This is a info alert with an example link. Give it a click if you like.
This is a light alert with an example link. Give it a click if you like.
This is a dark alert with an example link. Give it a click if you like.

##### Alerts Content

#### Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

##### Dismissable Alerts

I am an alert and I can be dismissed!

### Layout Options

- Full Sidebar
  Removes sidebar layout spacing.
- Pills Page Navigation Style
  Changes the page sub navigation style to pills!

###
Sidebar Options

- ##### Choose Color Scheme

###
Main Content Options

- ##### Color Schemes

### Servers Status

#### Server Load 1

#### Server Load 2

#### Server Load 3

##### Live Statistics

43
Packages
65
Dropped
18
Invalid

### File Transfers

- TPSReport.docx
- Latest_photos.zip
- Annual Revenue.pdf
- Analytics_GrowthReport.xls

### Tasks in Progress

- Wash the car
  Rejected
  Written by Bob
- Task with hover dropdown menu
  By Johnny
  NEW
- Badge on the right task
  This task has show on hover actions!
  Latest Task
- Go grocery shopping
  A short description ...
- Development Task
  Finish React ToDo List App
  69

### Urgent Notifications

#### All Hands Meeting

Yet another one, at 15:00 PM

#### Build the production release
NEW

#### Something not important
+

#### This dot has an info state

#### This dot has a dark state