Choices is a more visual equivalent to the Radio buttons. There are two variants:
Choices-binary allow users to select one out of the two available options.
Choices-multiple allow users to select exactly one out of multiple available options.
Compact-choices-multiple allow users to select exactly one out of multiple available options but with a more compact appearance
This adds a description under the label text of the choice
Path of an image to be shown in the choice panel. All images within the choices component must be the same dimensions.
Specify active and inactive images based on whether a choice panel is selected / unselected
imageURL prop is not provided, then the choice panel is rendered only with the label text.
Number from 1-3 to specify how many columns the choices should be in
Specify the space between each grid element
If you require different values to be used for different breakpoints, you can also pass an object with keys
_ - where
_ is a default value, and the other keys are optional corresponding to small, medium
and large breakpoints
Text for the choice label
id for the choice input
A value for the choice input
A caption for the choice panel
A change handler for the choice panel
String for some text on the right
Boolean to centre the text in the choice radio buttons
Boolean to move the image in the radio button to the left side of the button