Overview

Forms allow users to configure options and submit information, such as feedback or personal details in order to subscribe to a newsletter.

Elements

3

5

6

7

8

9

10

11

View Code

• 1

  Title (heading levels / optional)
• 2

  Title (optional)
• 3

  Field label
• 4

  Help text (optional)
• 5

  Placeholder text (optional)
• 6

  Text field (optional)
• 7

  Dropdown (optional)
• 8

  Checkbox (optional)
• 9

  Radio button (optional)
• 10

  Error state (optional)
• 11

  Disabled state (optional)
• 12

  Legal disclaimer (optional)
• 13

  Primary button (optional)
• 14

  Text button (optional)

Variations

None.

Behaviours

Required and optional fields can be used in the form. When the user does not enter a value or make a selection in a required field, error text appears and instructs the user to complete the action in order to submit the form.

Recommendations

Add content strategy guidelines and editorial rules here.