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

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

With Label

View standalone
Code
<FormControl>
  <InputLabel htmlFor="text-area-2">
    Description
  </InputLabel>
  <TextArea
    id="text-area-2"
    name="text-area-2"
  />
</FormControl>

Invalid

View standalone

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

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

Props

ariaLabel

string

ariaDescribedBy

string

invalid

boolean