Callout

The callout is (not) a HTML component, it represents a simple 'information' card with the left border colores.

How to use it?

Example Code

Primary Callout

<div class="callout callout-primary" style="max-width: 15rem; display: inline-block; margin-right: .3rem;">

        <h4>Primary Callout</h4>

        This is a default callout's content.

</div>

Classes

callout

Variants

callout-primary

callout-danger

callout-warning

callout-info

callout-success