Components/Textarea

Textarea

여러 줄 텍스트를 입력할 수 있는 텍스트영역 컴포넌트입니다.

Installation

bash
npx axis-cli add textarea

Usage

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

placeholder
Type:string
Default:-

플레이스홀더 텍스트

disabled
Type:boolean
Default:false

비활성화 여부

rows
Type:number
Default:-

표시할 행 수

value
Type:string
Default:-

입력 값 (controlled)

onChange
Type:(e: ChangeEvent) => void
Default:-

값 변경 콜백

className
Type:string
Default:-

추가 CSS 클래스