Component: Textarea

[krmarko]

Textarea

Component Description

Design Spec

Link to Design Spec in Figma

Engineering Spec

Inputs

• [List all inputs into the component]
• [e.g. @attr public paused: boolean | false]

Outputs

• [List all outputs from the component]

Events

• [List all inputs into the component]

Slots

• [List all named and unnamed slots for the component]
• [e.g. Indeterminate: The slot for a custom indeterminate indicator]

CSS Variables

• [Any component-specific CSS variables that allow the user to change the appearance of the component]

Accessibility

• [ ] Find the matching component through WCAG's patterns: https://www.w3.org/WAI/ARIA/apg/patterns/
• [ ] Are there any accessibility elements unique to this component?
• [ ] List ARIA attributes
  • [ ] ARIA attribute
• [ ] Does the component support 400% zoom?

Preparation

• [ ] Find the base FAST Component this component will inherit from and document
  • FAST Component
• [ ] Check the Fluent UI React V9 Component Spec for differences and document
  • Difference 1
• [ ] Fluent UI React V9 Storybook for implementation differences and document
  • Difference 1
• [ ] Open GitHub issues related to component
  • [link to each issue]
• [ ] (Optional) Draft implementation
  • [link to draft implementation, if applicable]
• [ ] Component Spec authored and reviewed

Implementation

• [ ] Initial conformance and unit tests (validate basic functionality)
• [ ] Initial documentation
  • [ ] Storybook stories
  • [ ] README.md covering basic usage
• [ ] Component released as unstable from @fluentui/web-components/unstable
• [ ] Uses design tokens for styling
• [ ] Renders correctly in High Contrast mode

Validation

• [ ] Add tests
  • [ ] Unit and conformance tests
  • [ ] Bundle size fixtures
  • [ ] Performance test scenario
  • [ ] Accessibility behavior tests
  • [ ] Create an issue and run manual accessibility tests: [link to issue]
• [ ] Validate with partners
• [ ] Finalize documentation
  • [ ] Review and add any missing storybook stories
  • [ ] Finalize migration guide
  • [ ] In package.json: Remove the alpha/beta tag from the version number in package.json
  • [ ] In package.json: Change beachball's disallowedChangeTypes to "major", "prerelease"

[microsoft-github-policy-service[bot]]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[microsoft-github-policy-service[bot]]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

[gouttierre]

📢 "This component could be needed for the shared input experience." Chris will bring this up with his team. cc @chrisdholt

[gouttierre]

📢

• Chris will follow up with Micah and Justin on the copilot implementation using content editable span and lexical. The end date is pushed to the end of May
• cc @chrisdholt, @JustSlone , @micahgodbolt , @procload

[gouttierre]

📢

• Team will pickup and begin work on the text area component after completing drawer. cc @procload , @chrisdholt

[gouttierre]

📢

• John is currently focusing on the text area for a quick win and will start on either the dropdown or combo box next [tbd]

cc @procload , @chrisdholt