`](/components/form.md) instead.
## Examples
### Labels
Use the `label` attribute to give the textarea an accessible label.
```html preview
```
### Help Text
Add descriptive help text to a textarea with the `help-text` slot.
```html preview
Please tell us what you think.
```
### 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
```
### Validation
Show a valid or invalid state by setting the `valid` and `invalid` attributes, respectively. Help text can be used to provide feedback for validation and will be styled accordingly.
```html preview
This is a valid textarea.
This is an invalid textarea.
```
### 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]