Go to homepage

Projects /

Choice Images

Selectable images that behave like radio/checkbox buttons.

View Demo

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.


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.