Label

Documentation Index

Fetch the complete documentation index at: https://docs.cognite.com/llms.txt

Use this file to discover all available pages before exploring further.

​

Label

​

When to use

• Every Input, Select, Combobox, Textarea, Checkbox in a group, Radio in a group, or similar form control needs one.

​

When not to use

• Headings or section titles - use the appropriate heading level.
• Descriptive text below or alongside a field — use HelperText.
• Non-interactive UI labels like status indicators or metadata — use plain text or Badge.

​

Dos and don’ts

• Do always associate a Label with its field via htmlFor / id — this is what makes it accessible, not just visual.
• Do mark required fields consistently across the form, either with an asterisk or explicit text.
• Don’t use placeholder text as a substitute for a label — placeholders disappear on input and aren’t accessible.
• Don’t hide labels to create a “cleaner” layout — if space is tight, use Tooltip to supplement a shortened label, not replace it.
• Don’t disable a label independently of its field — their states should always match.

​

Often used with

• Exactly one associated control: Input, Textarea, Select, Combobox, Checkbox, Radio, Switch, Slider, Date and time picker, or File upload.