1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-27 05:04:58 +04:00
Files
tabler/pages/_includes/forms/form-elements-2.html
2019-12-15 22:30:21 +01:00

54 lines
1.6 KiB
HTML

<div class="mb-3">
<label class="form-label">Username</label>
{% include ui/form/input-group.html prepend="@" placeholder="username" %}
</div>
<div class="mb-3">
<label class="form-label">Subdomain</label>
{% include ui/form/input-group.html append=".tabler.io" placeholder="subdomain" %}
</div>
<div class="mb-3">
<label class="form-label">Your vanity URL</label>
{% include ui/form/input-group.html prepend="https://example.com/users/" %}
</div>
<div class="mb-3">
<label class="form-label">Price</label>
{% include ui/form/input-group.html prepend="$" append=".00" %}
</div>
<div class="mb-3">
<label class="form-label">Button input</label>
<div class="input-group">
<div class="input-group-prepend">
<button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action
</button>
{% include_cached ui/dropdown-menu.html %}
</div>
<input type="text" class="form-control" aria-label="Text input with dropdown button">
</div>
</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>