Skip to content

Content guidance: exposed after

ShannonTucker edited this page Apr 27, 2022 · 3 revisions

The exposed after pattern is used in forms to show additional questions after a user has answered an initial set of questions. This limits the number of questions shown to help prevent users from feeling overwhelmed.

Overview

Step 1

Display question as normal. Exposed after step 1

Step 2

If the answer selected has a follow up question display the additional question(s). Exposed after step 2

You can see how the exposed after pattern works in storybook.

Usage

When to use

Use the exposed after pattern when:

  • follow up questions are only pertinent to certain previous answers.
  • follow up questions are different for certain answers.
  • the initial question is a radio button, checkbox or dropdown form field.

When NOT to use

  • Do not use the exposed after pattern when the initial question is a free form text field.

How we created this pattern- 4A assessment

This pattern is not included in the Canada.ca Design System. We created the pattern from components in the Extended Design System.

Clone this wiki locally