Alert

Four default alert types

Success!

Lorem ipsum dolor sit amet, adipiscing elit.

Info!

Lorem ipsum dolor sit amet, adipiscing elit.

Warning!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Danger!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Full-width big alerts

Success!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquam ut lorem ac rhoncus. Nulla varius nibh nec volutpat malesuada. Nulla fermentum, risus nec fermentum posuere, lacus tortor tincidunt erat, a auctor ipsum nisl nec nulla. Etiam laoreet vulputate euismod.

Info!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquam ut lorem ac rhoncus. Nulla varius nibh nec volutpat malesuada. Nulla fermentum, risus nec fermentum posuere, lacus tortor tincidunt erat, a auctor ipsum nisl nec nulla. Etiam laoreet vulputate euismod.

Full-width small alerts

Warning!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Danger!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Indent Settings

Success!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquam ut lorem ac rhoncus. Nulla varius nibh nec volutpat malesuada. Nulla fermentum, risus nec fermentum posuere, lacus tortor tincidunt erat, a auctor ipsum nisl nec nulla. Etiam laoreet vulputate euismod.

Warning!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquam ut lorem ac rhoncus. Nulla varius nibh nec volutpat malesuada. Nulla fermentum, risus nec fermentum posuere, lacus tortor tincidunt erat, a auctor ipsum nisl nec nulla. Etiam laoreet vulputate euismod.

Info!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquam ut lorem ac rhoncus. Nulla varius nibh nec volutpat malesuada. Nulla fermentum, risus nec fermentum posuere, lacus tortor tincidunt erat, a auctor ipsum nisl nec nulla. Etiam laoreet vulputate euismod.

Danger!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent aliquam ut lorem ac rhoncus. Nulla varius nibh nec volutpat malesuada. Nulla fermentum, risus nec fermentum posuere, lacus tortor tincidunt erat, a auctor ipsum nisl nec nulla. Etiam laoreet vulputate euismod.

Animation Settings

Success!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Info!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Warning!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Danger!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Success!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Info!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Warning!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Danger!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.