---
id: text-area
title: TextArea
---

# TextArea

## How to use

<code src="@digigov/ui/src/form/TextArea/__stories__/Default.tsx" />

### Use appropriately-sized textarea inputs

<code src="@digigov/ui/src/form/TextArea/__stories__/WithDeclaredRows.tsx" />

### For multiple questions

If you’re asking more than one question on the page, you can display directly the question's title without using the component `LabelTitle`.

<code src="@digigov/ui/src/form/TextArea/__stories__/MultipleQuestions.tsx" />

### Limiting the number of characters

If there’s a good reason to limit the number of characters users can enter, you can use the character count component.

<code src="@digigov/ui/src/form/TextArea/__stories__/LimitedCharacters.tsx" />

### Hint text

Use hint text for help that’s relevant to the majority of users, like how their information will be used, or where to find it.

<code src="@digigov/ui/src/form/TextArea/__stories__/WithHint.tsx" />

### Error message

Error messages should be styled like this:

<code src="@digigov/ui/src/form/TextArea/__stories__/WithErrorMessage.tsx" />

### Disabled input

<code src="@digigov/ui/src/form/TextArea/__stories__/DisabledInput.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["TextArea"]} />