Form Elements

Set of input, text area, dropdown, checkbox and radio buttons form widgets with the same validation context.
Input
Field that holds the data typed by the user and validates it against the variable data type.
Employee Name
Input States
Employee Name
Normal
Employee Name
Hover
Employee Name
Active
Employee Name
Filled
Employee Name
Disabled
Employee Name
Allowed characters: A-Z, a-z.
Error
Text Area
Multi-line field that holds text typed by the user, which must be stored in a Text variable.
Short Bio
Input States
Short Bio
Normal
Short Bio
Hover
Short Bio
Active
Short Bio
Filled
Short Bio
Disabled
Short Bio
Allowed characters: A-Z, a-z.
Error
Dropdown
Widget that allows the user to select a value from a series of options.
Employee Name
Dropdown States
Employee Name
Normal
Employee Name
Hover
Employee Name
Active
Employee Name
Filled
Employee Name
Disabled
Employee Name
Choose an employee.
Error
Styles
For preview purposes, please consider the “Input” widget above. These styles are applicable to all the form elements.
Size
Customize the size of the pattern to change its emphasis accordingly. 
Employee Name
Small
.input-small 
Employee Name
Medium (default)
Employee Name
Large
.input-large
Shape
Alternative shapes with sharper and rounder edges can be used.
Employee Name
Sharp
.border-radius-none
Employee Name
Soft Rounded (default)
Employee Name
Rounded
.border-radius-rounded
Checkbox
Check box field where the user can enable or disable an option. The value must be stored in a Boolean variable.
Laptop
Checkbox States
Laptop
Normal
Laptop
Disabled
Laptop
Checked
Laptop
Disabled checked
I accept the terms and conditions.
Acceptance is required.
Error
Radio Button
Allows the user to select an option from a group of possible options that are mutually exclusive. Each Radio Button widget must be bound to the same variable and assign a different value to the variable.
13-inch with touch screen
13-inch
15-inch
Radio Button States
13-inch
Normal
13-inch
Disabled
13-inch
Checked
13-inch
Disabled checked
13-inch with touch screen
13-inch
15-inch
Please select an option.
Error
Click here to see your activities