Homelogologo
Sponsor

Label

A label component used to display text labels for form controls and sections.

Usage

The Label component is a styled text element used for labeling form controls, sections, or any UI element that needs a visual label.

import { Label } from "@elemnts-ui/react" <Label>Email address</Label>

API Reference

PropTypeDefault
asChildbooleanfalse
The Label component also accepts all standard HTML div attributes and Panda CSS style props.

Accessibility

The Label component renders as a <div> element with the label class. For proper form labeling, pair it with the Field component which provides an accessible <label> element via Field.Label.