reactjsreact-nativefluent-uifluentui-react

Best implementation type for choice group with large number of choices


I am trying to implement an React component as shown in the picture. What would be the best implementation type to go for this? Choice group(https://fabricweb.z5.web.core.windows.net/oufr/7.155.3/#/examples/choicegroup) seems like an option, but according to the best practice, if the total number of choices is more than 7, a drop-down should be used. In my scenario, there could be more than 50+ versions.

Any ideas? Would appreciate your thoughts. Thanks! enter image description here


Solution

  • DetailsList component with multiselect is a good fit for this scenario