Label

Label for form inputs

Basic Usage

Basic label

Username

Required field

Email *

With icon

Password

With checkbox

Accept terms and conditions

Disabled state

Disabled field

pnpm add @corew500/ui

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

<Label>Content</Label>

CMSPayload CMS Integration

This component supports CMS-driven content via @corew500/cms-payload.

Email Address *

CMS FieldsEN

Label Text

Input Placeholder

For (Input ID)

Required

Yes

Disabled

This simulates how a content editor configures form labels in Payload CMS. Switch locales to see localized content.

For Base UI controls (Checkbox, Switch, RadioGroupItem), use aria-labelledby pointing to the Label's id instead, since their hidden input receives the id prop

- Uses native label element for proper form association
Use htmlFor to connect with input id for standard inputs (Input, Textarea, native Select)