Selectable images that behave like radio/checkbox buttons.
All components are based on CodyFrame.
This component includes variations. All variations share the same SCSS/JS code. They only differ in their HTML.
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.