[design-elements-header icon="https%3A%2F%2Fassets-global.website-files.com%2F60953231b313b56665e6e317%2F6156f57fa8ebbd683275e652_alert.svg" title="Alert" description="Display%20important%20announcements%2C%20breaking%20news%2C%20or%20key%20updates%20with%20the%20Alert%20Design%20Element.%20Show%20a%20block%20of%20text%20on%20your%20page%20to%20highlight%20key%20information%20your%20users%20need%20to%20know%20at%20the%20moment." /] 

[divider style="double-dotted" /] 

[alert class="shortpoint-copy"] Primary Color. [/alert] 

[alert color="success" class="shortpoint-copy"] Success Color. [/alert] 

[alert color="danger" class="shortpoint-copy"] Danger Color. [/alert] 

[alert color="warning" class="shortpoint-copy"] Warning Color. [/alert] 

[divider style="double-dotted" /] 

[alert close="true" class="shortpoint-copy"]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.[/alert] 

[divider style="double-dotted" /] 

[alert icon="coffee" class="shortpoint-copy"] Primary Color. [/alert] 

[alert color="success" icon="check" class="shortpoint-copy"] Success Color. [/alert] 

[alert color="danger" icon="ion-close" class="shortpoint-copy"] Danger Color. [/alert] 

[alert color="warning" icon="exclamation-triangle" class="shortpoint-copy"] Warning Color. [/alert]