Textarea
여러 줄 텍스트를 입력받아요. Input과 같은 테두리, hover, focus, invalid 규칙이에요.
변형
Figma 원본의 모든 variant예요. hover, focus는 컴포넌트가 처리해서 따로 그리지 않아요.
default
disabled
invalid
invalid · disabled
사용법
- 세로로만 크기 조절최소 높이 80(약 3줄), padding space/3·space/2예요.
- Field 안에서 써요라벨과 에러는 Field가 붙여요.
Props
| prop | 값 | 기본값 |
|---|---|---|
| rows | 처음 보이는 줄 수 | 3 |
| invalid | boolean | false |
| disabled | boolean | false |
코드
tsx
<Field label="메모">
<Textarea rows={3} />
</Field>