Projection UI
Home     Installation    

Alert

An Alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task

Simple Alert

This Alert is very common and can be seen at most of the places.
eg :- Social sites and Applications.
Give it a try by just copying the code below or mention the class name "alert-box" and the type of alert in your div tag which you want to make an Alert.

This is a simple Primary Alert !
This is a simple Secondary Alert !
This is a simple Warning Alert !
This is a simple Danger Alert !
This is a simple Success Alert !


Icon Alert

This Alert is very common and can be seen at most of the places.
eg :- Social sites and Applications.
Give it a try by just copying the code below or mention the class name "alert-box" and the type of icon in your div tag which you want to make an Alert.

     This is an Alert with icon!
     This is an Alert with icon!
     This is an Alert with icon!
     This is an Alert with icon!
     This is an Alert with icon!


Alert with Dismiss button

This Alert is very common and can be seen at most of the places.
eg :- Social sites and Applications.
Give it a try by just copying the code below or mention the class name "alert-box" and the type of dismiss alert in your div tag which you want to make an Alert.

     This is an Alert with icon!
     This is an Alert with icon!
     This is an Alert with icon!
     This is an Alert with icon!
     This is an Alert with icon!