input

Information

Folder
src/components/elements/form-elements/input

Files

Schema
Mocks
Template
// src/components/elements/form-elements/input/input.twig

{% set additional_attributes_string %}
{% for attribute in additional_attributes %}
	{{ attribute[0] }}="{{ attribute[1] }}"
{% endfor %}
{% endset %}

{% set input_type = type|default("text") %}

<input id="{{ id }}" name="{{ name }}" type="{{ input_type }}" class="Input Input--{{ input_type }} {{ classes|join(" ") }}" {% if invalid %}aria-invalid="true"{% endif %} {{ additional_attributes_string|raw }}>

Error: schema is invalid: data/properties must be object

Variants

Text
Open

Text mock data

Raw
Resolved
Invalid
Open

Invalid mock data

Raw
Resolved
Checkbox
Open

Checkbox mock data

Raw
Resolved
Checkbox invalid
Open

Checkbox invalid mock data

Raw
Resolved
Checkbox checked
Open

Checkbox checked mock data

Raw
Resolved
Radio
Open

Radio mock data

Raw
Resolved
Radio checked
Open

Radio checked mock data

Raw
Resolved