When to use it

Use Label whenever a control needs an accessible text label. It is the default companion for Input, Checkbox, Select, and grouped form rows.

Even when a layout feels obvious visually, keep the explicit label if the control still needs a durable accessible name.

Composition notes

• Keep helper copy, hints, and error text adjacent to the field group, not nested inside the label itself.
• Add required markers or badges inside the label row when needed, but keep the main text short and plain.
• Use layout utilities on the surrounding container instead of turning Label into a spacing wrapper.

Accessibility guidance

A good label names the field clearly without repeating the placeholder. Placeholders disappear once users type, so they should support the field, not replace the label.

For checkboxes and radios, the same Label component can wrap or sit beside the control. The important part is to keep the association explicit so pointer and keyboard users get the same behavior.