Shadcn Label Disabled

When to use

• Visible names for text inputs, text areas and checkboxes, each tied to its control by id
• Marks beside the field name: required or optional, a status badge or dot, an info tooltip or an edit toggle
• Field states and hints around the name: disabled, invalid, helper text under it and a live character count

When not to use

• A read only status value with a pulsing mark beside the name: use the Label Status Dot example
• Form rows that need hint and error slots, grouped sets or a side by side layout: use the Field component
• The text box itself, with typed entry for email, password, number or file: use the Input component
• Lists of tick boxes, a mixed state or selectable cards with a ticked state: use the Checkbox component

Agent notes

• disabled on Input is what locks the box; data-disabled on Field is a separate flag, so toggle both from one value
• Every htmlFor and its matching id is a fixed string such as label-required; make each pair unique when a field renders more than once
• data-disabled on Field does not dim a plain Label, whose dim rule needs an unnamed group ancestor while Field is a named group