Create component - Text Area

Description

As a user of the library
I want to be able to use the text area component
So that I can add and configure in my own projects

As a user of the library
I want to be able to use the text area component
So that I have access to the documentation on how to use it

As a user of the Design System Toolbox
I want to access the text area component
So that I can understand how to use it:

• while using the demo app I can interact with the available options and observe the changes on the component itself
• I can see the code associated to the component customization
• I can copy and paste the code from the app based on the selected customization
• or when looking into the code of the app itself, I would also understand how to use it

Design guidelines

unified-design-system.orange.com

Context

The component is described in the Figma boards with version v1.1.0

Definition of Done

Properties to manage

• Outlined
• Rounded corner
• Input status
• State
• Error
• Scrolled
• Label (bool)
• Label (text)
• Placeholder
• Input text
• Helper text (bool)
• Helper text
• Error empty text
• Error filled text
• Helper link

Other things

• Implement Initial settings
• Update tests
• Update documentation
• Update design system toolbox app

Start by reviewing the repository's existing Flutter components and the v1.1.0 Figma boards linked in the issue to understand the intended text area variants and properties. Use the issue's Definition of Done as the checklist: implement the component, update tests and documentation, and update the Design System Toolbox app.