Alert


Display important announcements, breaking news, or key updates with the Alert Design Element. Show a block of text on your page to highlight key information your users need to know at the moment.


Display important announcements, breaking news, or key updates with the Alert Design Element. Show a block of text on your page to highlight key information your users need to know at the moment.


Alert


Display important announcements, breaking news, or key updates with the Alert Design Element. Show a block of text on your page to highlight key information your users need to know at the moment.


Display important announcements, breaking news, or key updates with the Alert Design Element. Show a block of text on your page to highlight key information your users need to know at the moment.







Alert Options Demos


Different Colors


Primary Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Success Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Danger Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Warning Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Closable Alerts


Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.

Alerts With Icons


Primary Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Success Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Danger Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Warning Color.
Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus. Mauris vel nunc et ligula molestie venenatis at eu risus.  

Options Description

Color – pre-defined colors of the alert box. All ShortPoint Colors are supported
Close – If typed, alert will be closable
Icon – display icon inside the alert box. All ShortPoint Icons are supported