• Getting Started
  • Components
  • Advanced

Alert

Ready for production
Responsive
Check the source

Simple Use

Show Code
Edit on Stackblitz
A simple alert

Disabled

Show Code
Edit on Stackblitz
This is disabled

Direction (can accept a string or an array. Valid values 'left', 'right', 'top', 'bottom')

Show Code
Edit on Stackblitz
This is a left alert!

This is a right alert!

This is a top alert!

This is a bottom alert!

This is all direction alert!

This is a two direction alert!

Children

Show Code
Edit on Stackblitz
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Custom Border

Show Code
Edit on Stackblitz
Alert with custom border color

Custom Class

Show Code
Edit on Stackblitz
This Alert has custom class

Theme

Show Code
Edit on Stackblitz
Primary themealert uses this theme by default

Secondary theme

Dark theme

Light theme

Info theme

Warning theme

Danger theme

Success theme
Quick LinksGithubTwitter