FormLabel

Compound on Label. Adds Carbon's optional/required indicators and an info-tooltip slot. Used as the Field-row label across forms.

primitivesstablea11y: untested2/3 coverageEdit on GitHub ↗

Live playground

Edit the JSX below — preview updates instantly. Switch brand × tone in the toolbar to see the same component re-themed in place.

Edit JSX — preview updates livereact-live

import { FormLabel } from "@avala/design";

<FormLabel>FormLabel</FormLabel>

The Storybook stories file rendered as an iframe — every variant, every size, every state, baselined for visual regression.

primitives-formlabel--defaultOpen in Storybook →

The standard label affordance for any form row that needs Carbon's optional pill or an info-tooltip trigger.
Use this — not raw `Label` — for every field the user fills out unless you have a specific reason to drop the affordances.

The control already has an embedded label slot (`TextInput`, `PasswordInput`, `TextArea`) — those wire the label internally.
Bare-bones cases that want neither optional nor info → use `Label` directly.