Text area

When to use this component

Use text areas when:

• Users need to enter multiple lines of text
• The expected input is longer than a single sentence
• Users benefit from seeing their entire input at once
• Free-form responses or comments are required
• Users may need to enter formatted text or paragraphs

How to use this component

• Follow the same spacing rules and states as text inputs
• Consider different behaviour options:
  • Fixed height for limited character counts
  • Scrollable content when text overflows
  • Auto-expanding areas that grow with content
  • Manually expandable areas with a drag handle
• Limit text area height to around 230px on mobile
• Show scrollbars when content exceeds the visible area
• Allow users to see their entire input whenever possible
• Provide clear character count limits if applicable