# Textarea
[component-header:sl-textarea]
Textareas collect data from the user and allow multiple lines of text.
```html preview
```
?> This component doesn't work with standard forms. Use [``](/components/form) instead.
?> Please refer to the section on [form control validation](/components/form?id=form-control-validation) to learn how to do client-side validation.
## Examples
### Rows
Use the `rows` attribute to change the number of text rows that get shown.
```html preview
```
### Placeholders
Use the `placeholder` attribute to add a placeholder.
```html preview
```
### Disabled
Use the `disabled` attribute to disable an input.
```html preview
```
### Sizes
Use the `size` attribute to change a textarea's size.
```html preview
```
### Labels
Use the `label` attribute to give the textarea an accessible label. For labels that contain HTML, use the `label` slot instead.
```html preview
```
### Help Text
Add descriptive help text to a textarea with the `help-text` attribute. For help texts that contain HTML, use the `help-text` slot instead.
```html preview
```
### Prevent Resizing
By default, textareas can be resized vertically by the user. To prevent resizing, set the `resize` attribute to `none`.
```html preview
```
### Expand with Content
Textareas will automatically resize to expand to fit their content when `resize` is set to `auto`.
```html preview
```
[component-metadata:sl-textarea]