폼과 선택@neumorphism-ui/textarea

Textarea

native textarea의 모든 속성을 전달하며 최소 높이, 세로 resize, focus와 aria-invalid 상태를 뉴모피즘 토큰으로 표현합니다.

@neumorphism-ui/textarea

Registry JSON

미리보기

투자 메모

오류 상태

비활성

설치

npx shadcn@latest add @neumorphism-ui/textarea

CLI가 npm 의존성, base 토큰, utils와 컴포넌트 소스를 순서대로 확인하고 설치합니다.

Registry를 처음 사용한다면 namespace 설정 을 먼저 완료하세요.

사용법

npx shadcn@latest add @neumorphism-ui/label @neumorphism-ui/textarea

Import

import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"

Example

<div className="grid gap-2">
  <Label htmlFor="note">메모</Label>
  <Textarea
    id="note"
    name="note"
    placeholder="팀에 남길 내용을 입력하세요."
    rows={5}
  />
</div>

API 레퍼런스

컴포넌트	속성	타입	기본값	설명
`Textarea`	`value / defaultValue`	`string`	`—`	controlled 또는 초기 uncontrolled 텍스트입니다.
`Textarea`	`rows`	`number`	`—`	초기 표시 행 수입니다.
`Textarea`	`placeholder`	`string`	`—`	입력 형식을 보조하는 짧은 예시입니다.
`Textarea`	`disabled / required / readOnly`	`boolean`	`false`	native 입력 제약을 설정합니다.
`Textarea`	`aria-invalid`	`boolean \| string`	`—`	오류 테두리와 focus ring을 활성화합니다.

미리보기

설치

사용법

Import

Example

API 레퍼런스

접근성