Skip to main content

QuestionnaireForm.Content.Error

Content.Error reads the form's validation and submission state and returns null when there is no message and no custom children.

<QuestionnaireForm.Content.Error style={{ color: "crimson" }} />

It renders a Paper Text with the error color. A custom children value replaces the translation lookup. Otherwise the component passes errorMessage or submissionError to i18next; values that are not keys may be rendered unchanged by the active i18next configuration. When a submission error exists, it also renders a compact Try again button that calls the form's retrySubmit function. The component does not provide a dismiss action or an accessibility announcement by itself; add that behavior around it when your app requires it.

Validation messages may be translation keys such as questionnaire-form.error.required-fields; the paged required-item guard can also produce the literal English string This question is required. Submission errors may be backend/error strings. Supply matching i18n resources or pass custom children.