Overview

The textarea component collects multi-line user input.

Usage

• Clearly label the textarea to indicate its purpose and expected content.
• Display character limits or word counts to guide users in adhering to content constraints.
• Include real-time validation and feedback to help users correct errors as they type.
• Design the textarea to be accessible, with appropriate keyboard navigation and screen reader support.

Variants

The textarea component consists of a single variant but is highly customizable. When space permits, the textarea should dynamically adjust its height according to the number of lines the user has typed. When space is limited, the textarea should clip the text and apply an overflow scroll property. The text decoration options can be shown or hidden depending on the context in which the textarea is used.