input--radio

This component only contains an input of type radio, which is visually hidden, as the styling will be done by the corresponding label. This component can therefore not be used on its own, but should always be used via form/form-element.

Information

Folder
src/components/fsk/form/form-element/input/input--radio

Files

Schema
Mocks
Template
// src/components/fsk/form/form-element/input/input--radio/input--radio.html.twig

{% include "@fsk/form/form-element/input/_option/_option.html.twig" with {
  attributes: attributes,
  checked: attributes.checked ?? checked,
  children: children,
  class: attributes.class ?? class,
  disabled: attributes.disabled ?? disabled,
  id: attributes.id ?? id,
  required: attributes.required ?? required,
  type: "radio",
} only %}

Variants

default
Open

default mock data

Raw
Resolved
Invalid
Open

Invalid mock data

Raw
Resolved
Checked
Open

Checked mock data

Raw
Resolved
Disabled
Open

Disabled mock data

Raw
Resolved
Invalid and checked
Open

Invalid and checked mock data

Raw
Resolved
Invalid and disabled
Open

Invalid and disabled mock data

Raw
Resolved
Checked and disabled
Open

Checked and disabled mock data

Raw
Resolved
Checked and disabled and invalid
Open

Checked and disabled and invalid mock data

Raw
Resolved