option

This is a shared component used by form/form-elements/input/input--checkbox and form/form-elements/input/input--radio.
It should not be used directly.

Information

Folder
src/components/elements/form-element/option

Files

Schema
Mocks
Template
// src/components/elements/form-element/option/option.twig

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

Variants

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
Checkbox disabled
Open

Checkbox disabled mock data

Raw
Resolved
Checkbox invalid and checked
Open

Checkbox invalid and checked mock data

Raw
Resolved
Checkbox invalid and disabled
Open

Checkbox invalid and disabled mock data

Raw
Resolved
Checkbox checked and disabled
Open

Checkbox checked and disabled mock data

Raw
Resolved
Checkbox checked and disabled and invalid
Open

Checkbox checked and disabled and invalid mock data

Raw
Resolved
Radio
Open

Radio mock data

Raw
Resolved
Radio invalid
Open

Radio invalid mock data

Raw
Resolved
Radio checked
Open

Radio checked mock data

Raw
Resolved
Radio disabled
Open

Radio disabled mock data

Raw
Resolved
Radio invalid and checked
Open

Radio invalid and checked mock data

Raw
Resolved
Radio invalid and disabled
Open

Radio invalid and disabled mock data

Raw
Resolved
Radio checked and disabled
Open

Radio checked and disabled mock data

Raw
Resolved
Radio checked and disabled and invalid
Open

Radio checked and disabled and invalid mock data

Raw
Resolved