<Input> — a text field. Renders an <a-input> web component whose real
<input> / <textarea> lives in shadow DOM, so it's self-contained: focus,
forms (via ElementInternals), IME, and autofill are all native, and the
control is reachable for styling through ::part(input).
The wrapper is stateless — it maps props to attributes and slots. The clear
button is dropped into slot="trailing"; its click finds the host and calls
clear(), and its visibility is CSS off the element's :state(filled).
Requires @antadesign/anta/elements to be imported (client-side only).
<Input>— a text field. Renders an<a-input>web component whose real<input>/<textarea>lives in shadow DOM, so it's self-contained: focus, forms (viaElementInternals), IME, and autofill are all native, and the control is reachable for styling through::part(input).The wrapper is stateless — it maps props to attributes and slots. The clear button is dropped into
slot="trailing"; its click finds the host and callsclear(), and its visibility is CSS off the element's:state(filled).Requires
@antadesign/anta/elementsto be imported (client-side only).