##### Milestone 30%

##### Release 60%

- Mailbox
- Calendar
- Contacts
- Media
- Documents
- Project
- Forum
- Dashboard

# Toastr

Official Website

#### Simple Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. We provide two alerts style for you to choice by switching class `.toast-shadow` and `.toast`. Wrap any text and an optional dismiss button in `.toast` and one of the four contextual classes (e.g., `.toast-info`) for basic alert messages.

Heads up! This alert needs your attention, but it's not super important.
Well done! You successfully read this important alert message.
Oh snap! Change a few things up and try submitting again.
WARNING: Better check yourself, you're not looking too good.
Heads up! This alert needs your attention, but it's not super important.
Well done! You successfully read this important alert message.
Oh snap! Change a few things up and try submitting again.
WARNING: Better check yourself, you're not looking too good.

#### Positions

Click the button below you will see the notification display from four direction on the screen.

Top Left
Top Center
Top Right
Bottom Left
Bottom Center
Bottom Right
Top Full Width Bottom Full Width

#### Just Text Notifacations

This notification was just texts included, use the class.

Message
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Generate

#### Close Button Notifacations

You can close this notification with clicking close icon.

Messages
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Generate

#### Progress Notifications

Visually indicate how long before a toast expires.

Messages
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Progress Bar

#### Delay And Sticky

You can define via `timeout` for what amount of time in milliseconds a message is visible. You can also create a sticky message by setting the timeout to zero.

Delay 5s Sticky

#### Effect

Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.

FadeIn SlideDown