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] )