---
title: Indicators
layout: component.html
---
<h1 class="docs--page-header">
    Indicators
</h1>

<table>
    <tbody>
        <tr>
            <td>
                basic/default <span class="indicator"></span>
            </td>
            <td>
                xs <span class="indicator indicator-xs"></span>
            </td>
            <td>
                sm <span class="indicator indicator-sm"></span>
            </td>
            <td>
                lg <span class="indicator indicator-lg"></span>
            </td>
            <td>
                xl <span class="indicator indicator-xl"></span>
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                basic/default <span class="indicator"></span>
            </td>
            <td>
                secondary <span class="indicator indicator-secondary"></span>
            </td>
            <td>
                info <span class="indicator indicator-info"></span>
            </td>
            <td>
                success <span class="indicator indicator-success"></span>
            </td>
            <td>
                warning <span class="indicator indicator-warning"></span>
            </td>
            <td>
                danger <span class="indicator indicator-danger"></span>
            </td>
        </tr>
    </tbody>
</table>