Form elements guideline is updated on 11 Sept 2018
Use form to allow people to enter data for use by the application, or to configure options. Common form elements include:
Text Field
Type | Idle | Hover / Mobile Active | Active | Focus |
---|---|---|---|---|
With icon |
|
|
|
|
Without icon |
|
|
|
|
With helper text |
Helper text
|
Helper text
|
Helper text
|
Helper text
|
With label |
Input label
|
Input label
|
Input label
|
Input label
|
With label & helper text |
Input label
Helper text
|
Input label
Helper text
|
Input label
Helper text
|
Input label
Helper text
|
Checkboxes & Radio buttons
Checkboxes guideline is updated on 17 Aug 2018 ( Style [email protected] )