Brand
Brand identity elements
Atoms
Atoms
Molecules
Molecules
Organism
Organism

Input

The <axa-input-text> component is a wrapper for the HTML <input> element with custom styling and additional functionality. It accepts most of the same properties as HTML <input>, but with typerestricted to type=text, type=email, or type=password.

import '@axa-ch/input-text';
...
<axa-input-text></axa-input-text>

Type

<axa-input-text type="text"></axa-input-text>
<axa-input-text type="email"></axa-input-text>
<axa-input-text type="password"></axa-input-text>

Status

<axa-input-text
name="username"
type="text"
label="User name"
placeholder="alberteinstein"
invalid
error="This username already exist, please choose another one"
></axa-input-text>

Help & Contact

Any question?