Ything-RepoMirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-01-25 04:16:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

floating inputs demo

Browse Source
This commit is contained in:
codecalm
2020-11-09 22:31:47 +01:00
parent f464c60c1a
commit f04b08415f
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/_includes/forms/form-elements-2.html
View File

@@ -41,3 +41,24 @@
<label class="form-label">Input with appended icon links</label>
{% include ui/form/input-group.html append-button="x:Clear search,adjustments:Search settings,bell:Add notification" flat=true %}
</div>
<div class="mb-3">
<label class="form-label">Floating inputs</label>
<div class="form-floating mb">
<input type="email" class="form-control" id="floating-input" value="name@example.com" autocomplete="off">
<label for="floating-input">Email address</label>
</div>
<div class="form-floating mb">
<input type="password" class="form-control" id="floating-password" value="Password" autocomplete="off">
<label for="floating-password">Password</label>
</div>
<div class="form-floating">
<select class="form-select" id="floatingSelect" aria-label="Floating label select example">
<option selected>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<label for="floatingSelect">Select</label>
</div>
</div>