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!
Solution
DetailsList component with multiselect is a good fit for this scenario
- Route "/[locale]" used `params.locale`. `params` should be awaited before using its properties
- React Native Drawer - Cannot read Property "isConfigured" of undefined & [Reanimated] Failed to create a worklet
- material ui react, how to remove the shadow from the table? tried to find the api but couldn't find the right property
- i18next + react router : My URL isn't changing correctly when language is switched
- Running Telegram Mini app (web app) on localhost
- Active link with React-Router?
- How to use soft validation (aka tips or warning messages) in React Hook Form v7
- NextJS ImageError: Unable to optimize image and unable to fallback to upstream image
- How to manage CORS in Django
- How to sync React Router Params with state
- Jest failed to parse a file. This happens e.g. when your code or its dependencies use non-standard JavaScript syntax
- MERN Stack User create Post Mongoose MongoError : 11000
- How to call a function every minute in a React component?
- React Native Elements icons (react-native-vector-icons) showing a question mark instead of actual icon
- Absolute Imports: React and Typescript
- why jpg images can't be imported in vite for React?
- Accessing state in middleware in Redux
- How to implement material-ui Snackbar as a global function?
- TypeScript with React's useContext? property does not exist
- Get URL pathname in nextjs
- React ${} string replacer doesn't work
- Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'toString') Apexcharts React
- How to show empty date picker in Material UI- REACT?
- Middleware for RTK-Query API at reducerPath "cryptoApi" has not been added to the store
- React contenteditable in stateless component
- AWS: EACCES: permission denied, mkdir '/home/react-app/node_modules/node-sass/vendor'
- Is it recommended to use a npm package with missing files?
- Storybook + formik, controls not showing
- TailwindCSS not working with Vite + React
- error MSB3073: The command "npm install" exited with code 1