forms form-field

Form Field

Label + input + error wrapper.

$ ndui add form-field

Inputs already include label / error / help

Noundry.UI inputs (noundry-text-input, noundry-textarea, noundry-select, etc.) bundle their own label, help-text, and error slots — no separate FormField wrapper needed.

We'll never share this.

Username

That username is taken.

Bio

Markdown supported. Max 280 characters.

No results found

Source

<noundry-text-input label="Email" type="email"
                    placeholder="you@example.com"
                    help-text="We'll never share this." />
<noundry-text-input label="Username" value="ada"
                    error-message="That username is taken." />
<noundry-textarea label="Bio" rows="3"
                  placeholder="Tell us about yourself"
                  help-text="Markdown supported. Max 280 characters." />
<noundry-select label="Tier" required="true"
                help-text="Tier sets billing and quota.">
    <noundry-option value="free">Free</noundry-option>
    <noundry-option value="pro">Pro</noundry-option>
    <noundry-option value="enterprise">Enterprise</noundry-option>
</noundry-select>