Input
Name | Type | Description |
guvam-input | element | |
.Input | style | |
.type-outline | modifier | |
[disabled] | attribute |
Basic List Group
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
<ul class="List-Group">
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
</ul>
Lists with active items
- Active List Item
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
<ul class="List-Group">
<li class="List-Item Active">Active List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
</ul>
Lists with disabled items
- Disabled List Item
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
<ul class="List-Group">
<li class="List-Item Disabled">Disabled List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
<li class="List-Item">Basic List Item</li>
</ul>
Lists with buttons/links
<div class="List-Group">
<button type="button" class="List-Item Button Active"> Active List Item </button>
<button type="button" class="List-Item Button">Basic List Item</button>
<button type="button" class="List-Item Button">Basic List Item</button>
<button type="button" class="List-Item Button">Basic List Item</button>
<button type="button" class="List-Item Button" disabled>Disabled List Item</button>
</div>
Contextual Lists
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
- Basic List Item
<ul class="List-Group">
<li class="List-Item Item-Primary">Basic List Item</li>
<li class="List-Item Item-Secondary">Basic List Item</li>
<li class="List-Item Item-Accent">Basic List Item</li>
<li class="List-Item Item-Muted">Basic List Item</li>
<li class="List-Item Item-Error">Basic List Item</li>
<li class="List-Item Item-Success">Basic List Item</li>
<li class="List-Item Item-Highlight">Basic List Item</li>
<li class="List-Item Item-Info">Basic List Item</li>
</ul>