Description / User Story

We want to test the basic validation of all our FormComponents that will be part of Release 1.0. As we do not have a form component yet, we have to create an unstyled form component and then implement a logic into it to check if the Text input components within the form that have the prop "required" = TRUE also have a value. The form component also makes use of a Submit Button in form of a TextButton (or IconButton) component to start the validation.

Requirements

• none

Acceptance Criteria

• Unstyled FormComponent has been build
• A Text Input component with required=true has been placed in the form component
• The form can be submitted via a TextButton component
• After submit, the FormComponent will check if all required components within the form have a value and if not throw an error (the components with missing values also should display the error state)

Background information

• It can be the case, that this task will reveal issues with our form components, these issues should be fixed within separate tasks.
• Error states are currently a class. They will not be set automatically without a change.
• We will add follow-up issues to add these changes also to other form components
• We will also have a follow-up task to check more then the "required=true" validation for our components