Form elements

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