Skip to content

Label

Renders an accessible label element associated with a form control. Built on Radix UI Label.

$cookest-ui add label

Basic

Associate a Label with any input using the htmlFor prop.

Form Fields

Labels consistently applied across a recipe creation form.

Disabled State

When the input is disabled, the label visually dims.

PropTypeDefaultDescription
htmlForstringThe id of the form element this label is associated with.
classNamestringCustom styles to apply to the label.
childrenReactNodeThe label text content.