---
path: "/textarea/props"
component: "TextArea"
type: "atom"
title: "TextArea"
---

Use `TextArea` component to render `input` with type `textarea`.

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| placeholder | placeholder for the input field | string | null |
| value | intial value for the input field | string | null |
| disabled | initial state of the input field | boolean | false |
| height | height of the input field | number, string / array | null |
| width | width of the input field | number, string / array | null |
| background | background of the input field | string | null |
| color | color of the placeholder and the value | string | black |
| fontSize | fontSize of the placeholder and value | number, string / array | null |
| fontFamily | fontFamily of the placeholder and value | string | null |
| fontWeight | fontWeight of the placeholder and value | number, string / array | normal |
| lineHeight | lineHeight of the placeholder and value | number, string / array | null |
| letterSpacing | letterSpacing of the placeholder and value | number, string / array | null |
| boxShadow | boxShadow of the input field | string / array | null |
| border | border of the input field | string / array | null |
| borderRadius | borderRadius of the input field | number, string / array | null |
| p | padding for the input field | number, string / array | null |
| m | margin for the input field | number, string / array | null |