라벨

라벨 (Label)

컨트롤과 연결된 접근성 있는 라벨을 렌더링해주는 컴포넌트예요. 폼 필드 옆에 설명을 붙일 때 써요. htmlFor 속성으로 특정 입력 요소와 연결하면 클릭 시 해당 필드로 포커스가 이동하죠.

출처: 문서

CLI Manual

npx shadcn@latest add label

다음 의존성을 설치해 주세요.

npm install @radix-ui/react-label

다음 코드를 프로젝트에 복사해서 붙여넣어 주세요.

import 경로를 프로젝트 설정에 맞게 바꿔 주세요.

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

<Label htmlFor="email">Your email address</Label>