textarea

This component uses the same base styling as form/form-element/input.

Information

Folder
src/components/elements/textarea

Files

Schema
Mocks
Template
// src/components/elements/textarea/textarea.twig

<textarea
	{{ attributes }}
	class="Input Input--textarea Textarea {{ classes|join(" ") }}"
	{% if id %} id="{{ id }}"{% endif %}
	{% if name %} name="{{ name }}"{% endif %}
	{% if disabled %} disabled{% endif %}
	{% if required %} required{% endif %}
	{% if invalid %} aria-invalid="true"{% endif %}
>{{ value }}</textarea>

Variants

default
Open

default mock data

Raw
Resolved
Invalid
Open

Invalid mock data

Raw
Resolved
Filled out
Open

Filled out mock data

Raw
Resolved
Disabled
Open

Disabled mock data

Raw
Resolved
Invalid and filled-out
Open

Invalid and filled-out mock data

Raw
Resolved
Invalid and disabled
Open

Invalid and disabled mock data

Raw
Resolved
Filled out and disabled
Open

Filled out and disabled mock data

Raw
Resolved
Filled out and disabled and invalid
Open

Filled out and disabled and invalid mock data

Raw
Resolved