primitives label

Label

Semantic form label.

$ ndui add label

Component docs

Label is implicit on Noundry inputs

Use the label attribute on any Noundry input — the rendered <label> is wired to the input's id automatically.

Project name *

Email address

Used for billing receipts only.

Enable two-factor authentication

Source

<noundry-text-input label="Project name" placeholder="Acme website" required="true" />
<noundry-text-input label="Email address" type="email"
                    help-text="Used for billing receipts only." />
<noundry-checkbox label="Enable two-factor authentication" />

Standalone <label> for raw inputs

Custom label

Source

<label for="custom-input" class="block text-sm font-medium text-slate-700">
    Custom label
</label>
<input id="custom-input" type="text" class="block w-full rounded-md border …" />