Skip to main content

TextArea

Renders a text area, providing the ability to specify a label and placeholder text. Uses the <Stack> component for layout and spacing.

Examples

TextArea

Code
<UnknownElementType
  ariaLabel="awesome text area"
  id="text-area-1"
  name="text-area-1"
  rows={6}
/>

With Label

Code
<UnknownElementType>
  <UnknownElementType htmlFor="text-area-2">
    Description
  </UnknownElementType>
  <UnknownElementType
    id="text-area-2"
    name="text-area-2"
  />
</UnknownElementType>

Invalid

If the <TextArea> value does not meet validation requirements this can also be set.

Code
<UnknownElementType
  ariaDescribedBy="error"
  ariaLabel="awesome text area"
  id="text-area-3"
  invalid
  name="text-area-3"
/>

Props

ariaLabel

string

ariaDescribedBy

string

invalid

boolean