mirror of
https://github.com/tabler/tabler.git
synced 2025-12-26 11:16:12 +04:00
53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
HTML
<div class="mb-3">
|
|
<label class="form-label">Input group</label>
|
|
{% include ui/form/input-group.html prepend="@" placeholder="username" class="mb-2" %}
|
|
{% include ui/form/input-group.html append=".tabler.io" placeholder="subdomain" class="mb-2" %}
|
|
{% include ui/form/input-group.html prepend="https://" append=".tabler.io" placeholder="subdomain" %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Input with checkbox or radios</label>
|
|
{% include ui/form/input-group.html prepend="checkbox" class="mb-2" %}
|
|
{% include ui/form/input-group.html append="radio" %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Input with prepended text</label>
|
|
{% include ui/form/input-group.html prepend="https://tabler.io/users/" class="input-group-flat" input-class="pl-0" value="yourfancyusername" %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Input with appended text</label>
|
|
{% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" class="input-group-flat" value="yourfancydomain" %}
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label class="form-label">Input with appended link</label>
|
|
{% include ui/form/input-group.html append-link="Show password" class="input-group-flat" type="password" value="ultrastrongpassword" %}
|
|
</div>
|
|
|
|
<div class="mb-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>
|