mirror of
https://github.com/tabler/tabler.git
synced 2025-12-25 11:29:57 +04:00
54 lines
1.6 KiB
HTML
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 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>
|