Input

aidsgn-input is a single-line native text control. Its label attribute creates a visible native label linked to the input in light DOM, so application selectors, browser tooling, and native input behavior all remain available.

<aidsgn-input label="Email address" type="email" placeholder="name@example.com" required></aidsgn-input>

<aidsgn-input label="Account email" disabled placeholder="Unavailable"></aidsgn-input>

Use label for every field; a placeholder is a hint, never a label. The current API supports label, input-id, type, placeholder, name, autocomplete, inputmode, disabled, required, readonly, and the value property. Disabled and readonly fields use a muted surface, while disabled fields also use a not-allowed cursor.