Important Links

Get Started

Components

Avatar Alert Badge Button Cards Image Input Texts Utilites List Navigation Rating Snackbar Grid Modal

Home Components Alert

Alert

Alerts are used to communicate a state that affects a system, feature or page.

Usages

This is Primary alert message from Componently.

This is Success alert message from Componently.

This is Warning alert message from Componently.

To achieve the above alert, you need to follow the following code:

                
                  < -- For Primary Alert -->
                  

                  <div class="alert">Alert</div>
                  

                  

                  < -- For Success Alert -->
                  

                  <div class="alert alert-success">Success Alert</div>
                    

                  

                  < -- For Warning Alert -->
                  

                  <div class="alert alert-warning">Warning Alert</div>

Outline Alert

Outline alerts are created by using alert class, followed by outline-variant.

Usages

This is Primary alert message from Componently.

This is Success alert message from Componently.

This is Warning alert message from Componently.

To achieve the above alert, you need to follow the following code:

                
                  < -- For Primary Alert -->
                  

                  <div class="alert">Alert</div>
                  

                  

                  < -- For Success Alert -->
                  

                  <div class="alert alert-outline-success">Success Alert</div>
                    

                  

                  < -- For Warning Alert -->
                  

                  <div class="alert alert-outline-warning">Warning Alert</div>

Avatar

Badge