Alerts

An alert is a short message that only pops up when some information is needed to be pass on to a user on a certain action.

Default Alerts

Default alerts are simple alerts with background colors that indicates their purpose.

Examples

          
            

              Primary! This is a Primary Alert - Check it now!
            
            

              Secondary! This is a Secondary Alert - Check it now!
            
            

              Success! This is a Success Alert - Check it now!
            
            

              Danger! This is a Danger Alert - Check it now!
            
            

              Warning! This is a Warning Alert - Check it now!
            
            

              Dark! This is a Dark Alert - Check it now!
            
          
        

Outline Alerts

Outline alerts are another variants of default alerts with border and text colors that indicates their purpose.

Examples

          
            

              Primary! This is a Primary Alert - Check it now!
            
            

              Secondary! This is a Secondary Alert - Check it now!
            
            

              Success! This is a Success Alert - Check it now!
            
            

              Danger! This is a Danger Alert - Check it now!
            
            

              Warning! This is a Warning Alert - Check it now!
            
            

              Dark! This is a Dark Alert - Check it now!
            
          
        

Icons Alerts

Icons alerts displays icons with the message.

Examples

          
            

              error
              Primary! This is a Primary Alert - Check it now!
            
            

              check_circle
              Success! This is a Success Alert - Check it now!
            
            

              new_releases
              Danger! This is a Danger Alert - Check it now!
            
            

              warning
              Warning! This is a Warning Alert - Check it now!