Alerts | Readykit - Responsive Bootstrap 4 Admin Dashboard

A simple primary alert—check it out!

A simple secondary alert—check it out!

A simple success alert—check it out!

A simple danger alert—check it out!

A simple warning alert—check it out!

A simple info alert—check it out!

A simple light alert—check it out!

A simple dark alert—check it out!

Use the .alert-link utility class to quickly provide matching colored links within any alert.

A simple primary alert with an example link. Give it a click if you like.

A simple secondary alert with an example link. Give it a click if you like.

A simple success alert with an example link. Give it a click if you like.

A simple danger alert with an example link. Give it a click if you like.

A simple warning alert with an example link. Give it a click if you like.

A simple info alert with an example link. Give it a click if you like.

A simple light alert with an example link. Give it a click if you like.

A simple dark alert with an example link. Give it a click if you like.

Add a button within the .alert-dismissible class and add data-dismiss="alert" to the button to dismiss the alert

Holy guacamole! You can dismiss the alert.

A basic message

A title with a text under

A modal with a title, an error icon, a text, and a footer

A modal window with a long content inside

Custom HTML description and buttons with ARIA labels

A dialog with three buttons

A custom positioned dialog

Custom animation with Animate.css

A confirm dialog, with a function attached to the "Confirm"-button...

By passing a parameter, you can execute something else for "Cancel"

A message with a custom image

A message with custom width, padding, background and animated Nyan Cat

A message with auto close timer

Right-to-left support for Arabic, Persian, Hebrew, and other RTL languages

AJAX request example

Chaining modals (queue) example

Dynamic queue example