Version 3.0.6

Filters

Filters allow the user to limit the content to a specific type or status. They provide a colored dot, text label, and a tag that includes a count of the specified filter type.

  • Active Type With A Very Long Bit of Text for Overflowing
    1
  • Type 2
    2
  • Type 3
    3
  • Disabled
    0
                      
<ul class="filter">
<li class="filter-row active">
<div class="indicator blue"></div>
<div class="filter-name">Active Type With A Very Long Bit of Text for Overflowing</div>
<div class="badge badge-lg active">1</div>
</li>
<li class="filter-row">
<div class="indicator green"></div>
<div class="filter-name">Type 2</div>
<div class="badge badge-lg">2</div>
</li>
<li class="filter-row">
<div class="filter-name">Type 3</div>
<div class="badge badge-lg">3</div>
</li>
<li class="filter-row disabled">
<div class="filter-name">Disabled/div>
<div class="badge badge-lg">0</div>
</li>
</ul>

Search Results

Powered by