Status

Basic Status

Preview Code


    <div class="status"></div>

Sizes

Preview Code


    <div class="status xs"></div>
    <div class="status sm"></div>
    <div class="status"></div>
    <div class="status lg"></div>
    <div class="status xl"></div>

Color

Preview Code


    <div class="status info"></div>
    <div class="status success"></div>
    <div class="status warning"></div>
    <div class="status danger"></div>

Animate

Preview Code


    <div class="status info animate mr-3"></div>
    <div class="status success animate mr-3"></div>
    <div class="status warning animate mr-3"></div>
    <div class="status danger animate mr-3"></div>

Contents