nodes-ui
Version:
UI Components for Nodes Backends
63 lines (59 loc) • 3.16 kB
HTML
---
title: List Group
layout: nested-component.html
---
<h1 class="docs--page-header">
List Group
</h1>
<p class="docs--page-description">
...
</p>
<div class="list-group">
<div class="list-group-heading">Heading</div>
<div class="list-group-item active">item-1 <span class="badge">14</span></div>
<div class="list-group-item">item-1 <span class="badge">14</span></div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-2</div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-3 <span class="badge">14</span></div>
<div class="list-group-heading">Heading</div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-4 <i class="fa fa-search"></i></div>
<div class="list-group-item active">item-5 <i class="fa fa-search pull-right"></i></div>
<a class="list-group-item" href="#">item-link</a>
<a class="list-group-item active" href="#">item-link</a>
<div class="list-group-item">item-7</div>
<div class="list-group-item">item-8</div>
<div class="list-group-heading">Heading</div>
<div class="list-group-item">item-9</div>
<div class="list-group-item">item-10</div>
</div>
<div class="list-group list-group-inverse">
<div class="list-group-heading">Heading</div>
<div class="list-group-item active">item-1 <span class="badge">14</span></div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-2</div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-3 <span class="badge">14</span></div>
<div class="list-group-heading">Heading</div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-4 <i class="fa fa-search"></i></div>
<div class="list-group-item active">item-5 <i class="fa fa-search pull-right"></i></div>
<a class="list-group-item" href="#">item-link</a>
<a class="list-group-item active" href="#">item-link</a>
<div class="list-group-item">item-7</div>
<div class="list-group-item">item-8</div>
<div class="list-group-heading">Heading</div>
<div class="list-group-item">item-9</div>
<div class="list-group-item">item-10</div>
</div>
<div class="list-group list-group-bordered">
<div class="list-group-heading">Heading</div>
<div class="list-group-item active">item-1 <span class="badge">14</span></div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-2</div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-3 <span class="badge">14</span></div>
<div class="list-group-heading">Heading</div>
<div class="list-group-item active"><i class="fa fa-search"></i> item-4 <i class="fa fa-search"></i></div>
<div class="list-group-item active">item-5 <i class="fa fa-search pull-right"></i></div>
<a class="list-group-item" href="#">item-link</a>
<a class="list-group-item active" href="#">item-link</a>
<div class="list-group-item">item-7</div>
<div class="list-group-item">item-8</div>
<div class="list-group-heading">Heading</div>
<div class="list-group-item">item-9</div>
<div class="list-group-item">item-10</div>
</div>