input

Information

Folder
src/components/elements/input

Files

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

<input{{ attributes }}
	{% if id %}id="{{ id }}"{% endif %}
	{% if name %}name="{{ name }}"{% endif %}
	{% if value %}value="{{ value }}"{% endif %}
	class="Input {{ classes|join(" ") }}"
	type="{{ type|default("text") }}"
	{% if disabled %} disabled{% endif %}
	{% if required %} required{% endif %}
	{% if placeholder %} placeholder="{{ placeholder }}"{% endif %}
	{% if invalid %} aria-invalid="true"{% endif %}
>

Variants

Empty
Open

Empty mock data

Raw
Resolved
Placeholder
Open

Placeholder 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