From elements
Text fields
Text:
Some inline help text
Password:
A longer block of help text that breaks onto a new line and may extend beyond one line.
Readonly:
Disabled:
Placeholder:
Required:
Textarea:
Select fields
Simple Select:
Multiple select:
Select2 plugin:
Select2 multiple:
Tags:
Checkbox & Radio fields
Default checkbox:
Default radio:
Styled checkbox:
Styled radio:
iButton checkbox
iButton radio:
File fields
Default:
Bootstrap:
Styled:
Pickers
Datepicker:
Timepicker:
Date and time picker:
Colorpicker:
#
Combo boxes
Default:
- HTML
- CSS
- PHP
- JavaScript
- Java
- C#
- Perl
- Basic
Use text as value
Custom:
- HTML
- CSS
- PHP
- JavaScript
- Java
- C#
- Perl
- Basic
Use attribute data-val as value
With search:
- HTML
- CSS
- PHP
- JavaScript
- Java
- C#
- Perl
- Basic
Search items by filled text
Multi-select
Default:
Custom headers and footers:
Validation states
Input with warning:
Something may have gone wrong
Input with error:
Please correct the error
Input with info:
Username is already taken
Input with success:
Woohoo!
Validation states with icon
Input with warning:
Input with error:
Input with success:
Extending form controls
Pre/Appended inputs:
Buttons instead of text:
Button dropdowns: