Label

Email

계약

Overview

Machine-readable contract from Component Spec.

component: labelexport: Labelversion: 1attributes: data-refineui=label

Anatomy

Part	data-refineui
root	label
required	label-required

Variants

Axis	Values
size	sm, md, lg

Layout

Property	Value
direction	logical
rtl	true

설치

npmyarnpnpmbun

npm install @refineui/react @refineui/tokens

사용법

import { Label, LabelRequired } from "@refineui/react";

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

<Label htmlFor="password" required>
  Password
</Label>

<Label size="lg" disabled>
  Disabled Label
</Label>

<Label htmlFor="name">
  Name <LabelRequired />
</Label>

API 레퍼런스

Label

Prop	Default	Type	Description
required	false	boolean	LabelRequired를 붙이는 편의 prop.
size	"md"	"sm" | "md" | "lg"	Label 크기 티어.
disabled	false	boolean	비활성 스타일을 표시합니다.
htmlFor	—	string	레이블을 폼 컨트롤과 연결합니다.

LabelRequired

필수 표시 시각 인디케이터(별표). 레이블을 직접 조합할 때 사용하세요.