Styling disabled entries

[Mads-Ottendal]

Hello,
Is it in any way possible to style only the disabled objects in a list.

options={[
              {
                title: 'rooms
                data: [
                  { label: 'Room 1', value: 'A' },
                  { label: 'Room 2', value: 'B' },
                  { label: 'Room 3', value: 'C' },
                  { label: 'Room 4', value: 'D', disabled: true},
                ],
              },
            ]}

So above i want to style the css for only Room 4 in the checkbox. For example when a room is disabled its checkbox is red instead of green like the others.

Any help on how to do this if it is possible would be greatly appreciated :)

[azeezat]

@Mads-Ottendal At this moment, the feature isn't available. However, we really appreciate your feedback and interest in improving this package.

[azeezat]

Thanks for reporting this issue. A new version has been published. Please add the following props

  checkboxControls={{
              checkboxDisabledStyle: {
                borderColor: 'red',
                backgroundColor: 'red',
              },
            }}