mirror of
https://github.com/tabler/tabler.git
synced 2025-12-25 11:29:57 +04:00
50 lines
1.6 KiB
HTML
50 lines
1.6 KiB
HTML
|
|
{% include parts/form/input-selectgroups.html %}
|
|
{% include parts/form/selectgroup-payments.html %}
|
|
{% include parts/form/selectgroup-project-manager.html %}
|
|
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Buttons group</label>
|
|
<div class="btn-group w-100">
|
|
<button type="button" class="btn btn-secondary">1 min</button>
|
|
<button type="button" class="btn btn-secondary active">5 min</button>
|
|
<button type="button" class="btn btn-secondary">10 min</button>
|
|
<button type="button" class="btn btn-secondary">30 min</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Buttons group with dropdown</label>
|
|
<div class="btn-group w-100">
|
|
<button type="button" class="btn btn-secondary">Option 1</button>
|
|
<button type="button" class="btn btn-secondary">Option 2</button>
|
|
<button type="button" class="btn btn-secondary active">Option 3</button>
|
|
<div class="btn-group" role="group">
|
|
<button id="btnGroupDrop1" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Other
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">
|
|
Option 4
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
Option 5
|
|
</a>
|
|
<a class="dropdown-item" href="#">
|
|
Option 6
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Toolbar</label>
|
|
<div class="btn-group w-100">
|
|
{% assign icons = "bold,italic,underline,copy,scissors,file-plus,file-minus" | split: ',' %}
|
|
{% for icon in icons %}
|
|
{% include ui/button.html color="secondary" icon=icon icon-only=true %}
|
|
{% endfor %}
|
|
</div>
|
|
</div> |