Label

v1.1.0

필수 필드 표시, 에러 상태, 변형을 지원하는 폼 필드 레이블 컴포넌트입니다.

설치

bash

npm install @hua-labs/hua

Import

tsx

import { Label } from "@hua-labs/hua";

@hua-labs/ui의 UI 컴포넌트를 @hua-labs/hua에서 통합 제공합니다.

UI 컴포넌트, 모션 훅, i18n을 하나의 패키지로 사용할 수 있습니다.

이메일

사용자명*

비밀번호

이메일

default

기본 레이블

required

필수 레이블*

error

에러 레이블

disabled

비활성화 레이블

이메일

비밀번호*

사용자명*

이메일

기본 사용법

import { Label, Input } from '@hua-labs/ui';

<Label htmlFor="email">Email</Label>
<Input id="email" type="email" />

필수

<Label required htmlFor="name">Name</Label>
<Input id="name" required />

에러 상태

<Label error htmlFor="password">Password</Label>
<Input id="password" type="password" aria-invalid />