@@include("./partials/title-meta.html", {"title": "Form Elements"}) @@include('./partials/head-css.html')
@@include('./partials/topbar.html') @@include('./partials/sidenav.html')
@@include("./partials/page-title.html", {"subtitle":"Forms","title":"Basic Elements"})
Input Textfield Type
Simple Input
Floating Input
Name
Valid Input
Rounded Input
Text area
Disabled
Helping text
A block of help text that breaks onto a new line and may extend beyond one line.
Select with Icon
Choose Discount
No Discount
Flat Discount
Percentage Discount
Label Input
Label Input
Search Style
Invalid Input
Placeholder
Readonly
Static control
Default Select
Open this select menu
One
Two
Three
Multiple Select
1
2
3
4
5
Input Types
Email
Show/Hide Password
Time
Number
Range
Password
Month
Week
Color
Input Group
Username
@
Amount
$
.00
Textarea
With textarea
Wrapping
@
Input + Button
Button
Multiple Files
Recipient
@example.com
Email Login
@
Vanity URL
https://example.com/users/
Dropdown + Input
Dropdown
Action
Another action
Something else here
File Input
Input Group Select
Options
Choose...
One
Two
Three
Floating Labels
Email address
Email address
Comments
Comments
Password
Password
Select Menu
Open this select menu
One
Two
Three
Works with selects
Input Sizes
Small
Large
Large Select
Open this select menu
One
Two
Three
Normal
Grid Sizes
Small Select
Open this select menu
One
Two
Three
Checks, Radios and Switches
Checkboxes
Default Checkbox
Light Checkbox
Inline 1
Inline 2
Disabled indeterminate checkbox
Disabled checked checkbox
Sizes
I'm 16px Checkbox
i'm 20px Checkbox
Switches
Enabled Switch
Disabled Switch
Sizes
I'm 16px Switch
I'm 20px Switch
Colored Checkboxes
Primary
Secondary
Success
Info
Warning
Danger
Dark
Colored Switches
Primary
Secondary
Success
Info
Warning
Danger
Dark
Radios
Option 1
Option 2
Inline 1
Inline 2
Disabled Checked Radio
Sizes
Cash
Card
Pickup
Home Delivery
Reverse
Reverse checkbox
Disabled reverse radio
Reverse switch checkbox input
Colored Radios
Primary
Secondary
Success
Info
Warning
Danger
Dark
Checkbox Toggle
Single Toggle
One
Two
Three
Radio Toggle
Left
Middle
Right
@@include('./partials/footer.html')
@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')