Installation
bash
npx axis-cli add textareaUsage
tsx
import { Textarea } from '@axis-ds/ui-react'
export function Example() {
return <Textarea placeholder="내용을 입력하세요." />
}With Label
최대 500자까지 입력할 수 있습니다.
tsx
import { Label, Textarea } from '@axis-ds/ui-react'
export function Example() {
return (
<div className="grid w-full gap-1.5">
<Label htmlFor="message">메시지</Label>
<Textarea placeholder="메시지를 입력하세요." id="message" />
<p className="text-sm text-muted-foreground">
최대 500자까지 입력할 수 있습니다.
</p>
</div>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
placeholder | string | - | 플레이스홀더 텍스트 |
disabled | boolean | false | 비활성화 여부 |
rows | number | - | 표시할 행 수 |
value | string | - | 입력 값 (controlled) |
onChange | (e: ChangeEvent) => void | - | 값 변경 콜백 |
className | string | - | 추가 CSS 클래스 |
placeholderType:
stringDefault:
-플레이스홀더 텍스트
disabledType:
booleanDefault:
false비활성화 여부
rowsType:
numberDefault:
-표시할 행 수
valueType:
stringDefault:
-입력 값 (controlled)
onChangeType:
(e: ChangeEvent) => voidDefault:
-값 변경 콜백
classNameType:
stringDefault:
-추가 CSS 클래스