Skip to main content

Textarea

A form control that only allows multi line data entry.

Installation​

Install

yarn add @iag/chroma-react-ui.components

Import

import { Textarea } from '@iag/chroma-react-ui.components';

Accessibility​

Accessibility documentation(opens in new window)

Default​

Custom height​

Disabled​

Error​

Valid​

Properties​

Name
Description
  • className
    stringAdditional CSS classes to be applied
  • disabled
    booleanBoolean indicating if the textarea is disabled
  • error
    booleanBoolean indicating if the textarea is in an error state
  • id
    stringHTML id attribute for the Textarea
  • name
    stringHTML name attribute for the textarea
  • onChange
    (event: ChangeEvent<HTMLTextAreaElement>) => voidFunction to be called when the textarea value changes
  • placeholder
    stringThe textarea placeholder
  • valid
    booleanBoolean indicating if the textarea is in a valid state
  • value
    stringThe textarea value
  • spellCheck
    booleanBoolean indicating if the textarea should have spellcheck turned on

CSS Variables​