Neon - Responsive Bootstrap 4 Admin Dashboard & UI Kits

Alerts

Examples

Alerts are available for any length of text, as well as an optional dismiss button. For proper styling, use one of the eight requiredcontextual classes (e.g., `.alert-success`). For inline dismissal, use the alerts jQuery plugin.

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!

Link color

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.

Additional content

Alerts can also contain additional HTML elements like headings, paragraphs and dividers.

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.

Dismissing

Add a dismiss button and the `.alert-dismissible`class, which adds extra padding to the right of the alert and positions the `.close`button.

Well Done!You should check in on some of those fields below.

Holy guacamole!You should check in on some of those fields below.

Ohh no!You should check in on some of those fields below.

Sweet Alert

SweetAlert makes popup messages easy and pretty.

Text

Title

A success message with ok button

Popup with IP address

Time for auto close

A popup with textbox,button and Ajax request

Chaining modals like multiform step

By passing a parameter with cancle

A popup with message and custom Image Header

Sweet popup with custom HTML description and buttons

A popup with message and custom css sush as width, padding and background

A warning message, with the "Confirm" Button...

Jquery-confirm

jquery-confirm! is jQuery plugin that provides great set of features like, Auto-close, Ajax-loading, Themes, Animations and more.

Simple Dialog

Confirm Dialog

Prompt using confirm

Dialog without button

Button keys 1

Button keys 2

Error

Sucess

Close icon

Handle closeIcon's callback

Draggable

8 New Messages

Ariel Blue3 min ago

Jammy Moon5 min ago

Lisa Ross5:25 PM

View all

3 New Notifications

New user registered

New order placed

John like your photo.