Choice Images

Selectable images that behave like radio/checkbox buttons.

How to

The Choice Images component is a group of custom checkbox/radio buttons, where the options are displayed as images. It can be used, for example, to display a gallery of selectable options in a product builder.

Make sure to use the correct aria attributes (check the demo). For example, the checkboxes need a role="checkbox", while the radio buttons need role="radio". This way, assistive technologies will announce the images as groups of checkbox/radio elements.

Categories

• Forms > Form Elements

Bug report & feedback

Component Github page ↗