폼과 선택@neumorphism-ui/label

Label

native label을 얇게 감싼 컴포넌트로 모든 표준 속성을 전달합니다. peer-disabled 상태와 일치하는 글자색과 cursor를 제공합니다.

@neumorphism-ui/label

미리보기

레이블을 클릭하면 연결된 입력으로 이동합니다.이메일 주소

주간 리포트 받기

npx shadcn@latest add @neumorphism-ui/label

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

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

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

<div className="grid gap-2">
  <Label htmlFor="project-name">프로젝트 이름</Label>
  <Input id="project-name" name="projectName" />
</div>