Label Samples

Helps add a Label to anything.

InputStatesRadio Groupand MoreFile

Label — Basics

Associate form controls using `htmlFor`. Keep text short and descriptive.

Full name Public

Your display name on invoices and emails.

Email *

We never share your email. Privacy policy

Bio

Tip: keep it under 160 characters.

Labels link text to inputs via `htmlFor` and input `id`.

Label — Toggles

Pair with switches and checkboxes for better tap targets.

I agree to the Terms & Conditions

Read our Terms and Privacy.

Label — RadioGroup

Use a label per radio item for accessible selections.

BasicStarter toolkitProAdvanced featuresTeamCollaboration suite

Selected: pro

Label — Slider & Select

Reference labels using `aria-labelledby` when no direct `htmlFor` exists.

Satisfaction (0–100)

Current: 60

Country

Selected: IN

Label — File Input

Hide the native input and use a styled label as the trigger. Label remains accessible.

Upload Logo

Use SVG (like `ap-icon.svg`) for crisp scaling.

Label — States

Disabled controls and required indicators.

Handle *

Used for mentions and profile links.

Referral Code

Disabled example — label remains legible.

Prefer concise labels over placeholders. Use helper text for details.

Loading…