Alert

Alerts are available for any length of text. There are total of eight css classes could be used to draw an alert message. These classes are .alert-success, .alert-danger, .alert-info, .alert-primary, .alert-secondary, .alert-warning, .alert-light, .alert-dark

To show this type of Alerts you will need this code in down here.

 
 <Alert classname="shadow-lg" color="default">
        This is a default alert — check it out!
 </Alert>

<h5>primary Alerts</h5>
<Alert classname="shadow-lg" color="primary">
         This is a primary alert — check it out!
</Alert>

<h5>Secondary Alerts</h5>
<Alert classname="shadow-lg" color="secondary">
           This is a secondary alert — check it out!
</Alert>

<h5>Success Alerts</h5>
<Alert classname="shadow-lg" color="success">
         This is a success alert — check it out!
</Alert>

<h5>Danger Alerts</h5>
<Alert classname="shadow-lg" color="danger">
          This is a danger alert — check it out!
</Alert>


        

Highlighted Alerts

Alerts are available for any length of text. There are total of eight css classes could be used to draw an alert message. These classes are .alert-success, .alert-danger, .alert-info, .alert-primary, .alert-secondary, .alert-warning, .alert-light, .alert-dark

  

<h5>Primary Alerts</h5>
<Alert classname="bg-primary shadow-lg text-white">
          This is a primary alert — check it out!
</Alert>

   

Available Properties, type and descriptions are down below.

Name	Type
className	PropTypes.string
closeClassName	PropTypes.string
color	PropTypes.string
isOpen	PropTypes.bool
toggle	PropTypes.func
tag	PropTypes.oneOfType([PropTypes.func, PropTypes.string])
transition	PropTypes.shape(Fade.propTypes)