primitives input

Input

Text input with label + icon + error slots.

$ ndui add input

Component docs

Variants

Project name

Password

Disabled

With error

Enter a valid email address.

Source

<noundry-text-input label="Project name" placeholder="Acme website" />
<noundry-text-input label="Email"        type="email"    placeholder="you@example.com" />
<noundry-text-input label="Password"     type="password" placeholder="••••••••" />
<noundry-text-input label="Search"       placeholder="Search…" leading-icon="search" />
<noundry-text-input label="Disabled"     value="Locked" disabled="true" />
<noundry-text-input label="With error"   value="bad-email"
                    error-message="Enter a valid email address." />