forms form

Form

HTMX-driven form wrapper with validation.

$ ndui add form

Component docs

Composite form built from Noundry primitives

noundry-text-input + noundry-textarea + noundry-select + noundry-checkbox + noundry-button.

Name *

Email *

No results found

Notes

I agree to the terms of service *

Source

<form method="post" class="space-y-4 max-w-xl">
    <noundry-text-input name="name"  label="Name"  required="true" />
    <noundry-text-input name="email" label="Email" type="email" required="true" />
    <noundry-select name="region" label="Region" required="true">
        <noundry-option value="us-east-1">us-east-1</noundry-option>
        <noundry-option value="us-west-2">us-west-2</noundry-option>
    </noundry-select>
    <noundry-textarea name="notes" label="Notes" rows="3" />
    <noundry-checkbox name="agree" label="I agree to the terms of service" required="true" />
    <noundry-button type="reset"  variant="secondary">Reset</noundry-button>
    <noundry-button type="submit" variant="primary">Create project</noundry-button>
</form>