Brand
Brand identity elements
Atoms
Atoms
Molecules
Molecules
Organism
Organism

Textarea

The <axa-textarea> component is a wrapper for the HTML <textarea> element with custom styling and additional functionality, e.g. a character counter.

import '@axa-ch/textarea';
...
<axa-textarea></axa-textarea>

Variation

<axa-textarea
name="newtonslaw"
required
label="Newton's law of universal gravitation"
placeholder="Describe how the universe works…"
></axa-textarea>

Status

<axa-textarea
name="newtonslaw"
label="Newton's law of universal gravitation"
placeholder="Describe how the universe works…"
invalid
error="Einstein showed Newton was wrong about gravity."
value="Every mass attracts every other mass in the universe, and the gravitational force between two bodies is proportional to the product of their masses and inversely proportional to the square of the distance between them."
></axa-textarea>

Help & Contact

Any question?