Skip to content

Form template

ShannonTucker edited this page Apr 18, 2022 · 2 revisions

Overview

  • The Extended GC Design Library - DECD contains 2 form templates including text inputs, checkboxes, and radio buttons that can be customized to meet your needs, for both desktop and mobile.
  • There are also additional templates included from the text input wiki page examples that include text inputs only (not displayed here).

1. Default form template

Desktop

desktop form template

Mobile

mobile form template

2. Form template with errors

Desktop

desktop form template with errors

Mobile

mobile form template with errors

Usage

How to use

Customizing the form templates

  • Delete any form elements you don't need
  • Duplicate any additional form elements you want to add
  • Replace text with your own (e.g., labels, options)
  • Change labels from required or optional as needed
  • Change state of input fields from default, focused, or error, as needed
  • In the layers panel, unhide any elements you want to see, such as the information accordion, or error message

4A Assessment

We added this template to the Extended GC Design Library - DECD as a template did not currently exist.

Clone this wiki locally