1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00

form elements fixes

This commit is contained in:
codecalm
2020-01-27 23:01:12 +01:00
parent 5c1827f431
commit 11344f472f
9 changed files with 82 additions and 44 deletions

View File

@@ -30,23 +30,3 @@
<label class="form-label">Input with appended icon links</label>
{% include ui/form/input-group.html append-button="x:Clear search,sliders:Search settings,bell:Add notification" class="input-group-flat" %}
</div>
<div class="mb-3">
<label class="form-label">Tags</label>
{% include ui/form/selectize.html key="tags" %}
</div>
<div class="mb-3">
<label class="form-label">Top person</label>
{% include ui/form/selectize.html key="users" %}
</div>
<div class="mb-3">
<label class="form-label">Users list</label>
{% include ui/form/selectize.html key="people" %}
</div>
<div class="mb-3">
<label class="form-label">Countries</label>
{% include ui/form/selectize.html key="countries" %}
</div>

View File

@@ -13,4 +13,7 @@
<label class="form-label">Subtle validation States</label>
<input type="text" class="form-control is-valid is-valid-lite mb-2" placeholder="Valid State..">
<input type="text" class="form-control is-invalid is-invalid-lite" placeholder="Invalid State..">
</div>
</div>
<label class="form-label">Form fieldset</label>
{% include parts/form-fieldset.html %}

View File

@@ -1,5 +1,3 @@
<label class="form-label">Form fieldset</label>
{% include parts/form-fieldset.html %}
{% include parts/input-selectgroups.html %}
{% include parts/form-payments.html %}

View File

@@ -25,4 +25,29 @@
<div class="mb-3">
<label class="form-label">Form control flush</label>
<input type="text" class="form-control form-control-flush" name="Form control flush" placeholder="Text..">
</div>
<div class="mb-3">
<label class="form-label">Tags input</label>
{% include ui/form/selectize.html key="tags" %}
</div>
<div class="mb-3">
<label class="form-label">Advanced tags input</label>
{% include ui/form/selectize.html key="tags-advanced" %}
</div>
<div class="mb-3">
<label class="form-label">Advanced select</label>
{% include ui/form/selectize.html key="users" %}
</div>
<div class="mb-3">
<label class="form-label">Select with avatars</label>
{% include ui/form/selectize.html key="people" %}
</div>
<div class="mb-3">
<label class="form-label">Select with flags</label>
{% include ui/form/selectize.html key="countries" %}
</div>