import { Badge } from 'terra-form-textarea/package.json?dev-site-package';

import TextareaFieldExample from './example/TextareaField?dev-site-example';
import RequiredTextareaFieldExample from './example/RequiredTextareaField?dev-site-example';
import IncompleteTextareaFieldExample from './example/IncompleteTextareaField?dev-site-example';

import FormTextareaFieldPropsTable from 'terra-form-textarea/lib/TextareaField?dev-site-props-table';

<Badge />

# Terra Form Textarea Field

[terra-form-textarea](https://github.com/cerner/terra-core/tree/main/packages/terra-form-textarea) component that is wrapped inside a
[terra-form-field](https://github.com/cerner/terra-core/tree/main/packages/terra-form-field) component.

**Note:** To follow [UX Best Practices](https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research), this component does not allow `placeholder`.

## Getting Started

- Install with [npmjs](https://www.npmjs.com):
  - `npm install terra-form-textarea`

## Usage

```jsx
import { TextareaField } from 'terra-form-textarea';
```

## Component Features

 * [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
 * [Responsive Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support)
 * [Mobile Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support)
 * [LTR/RTL Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl)

## Examples
<TextareaFieldExample />
<RequiredTextareaFieldExample />
<IncompleteTextareaFieldExample />

## Form Textarea Field Props
<FormTextareaFieldPropsTable />