Label

Email

Contract

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

Installation

npmyarnpnpmbun

npm install @refineui/react @refineui/tokens

Usage

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 Reference

Label

Prop	Default	Type	Description
required	false	boolean	Convenience prop that appends LabelRequired.
size	"md"	"sm" | "md" | "lg"	Label size tier.
disabled	false	boolean	Shows disabled styling.
htmlFor	—	string	Associates label with form control.

LabelRequired

Visual required indicator (asterisk). Use when composing labels manually.