build69
Sign inGet API key
build69  /  Components  /  Layout & Surfaces  /  Label

Label

v1.0.1Updated 20 Jul 2026

Form label (Radix Label). Click forwards focus to associated input.

View source← Back to catalog

Preview

Live · 9 stories
DefaultOpen ↗
▸Why this is recommendedformlabela11ydefault

The default, out-of-the-box Label.

Recommended for+14
  • ✓Every form field
Tags+6
formlabela11ydefault
Features+4
  • Implicit + explicit association
  • Disabled state styling
Not recommended for−2
  • ✕Decorative captions (use plain span)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "Label" })

Usage

import { Label } from '@/components/primitives/label';

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

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
htmlFor

Target input id

string—

Related

Platform docsAll componentsSource files