Create tri-state checkbox component
Checkboxes are used in multiple places on the frontend using a react-bootstrap component.
The react-bootstrap component does not support tri-state functionality, we should make a component that allows this and gives safer control of its react state.
This component would be a useful addition to the TM Merge Modal feature with check-boxes having an indeterminate state to indicate partial selection of a checkbox group.
Tri-State check-boxes are also present on the JSF editor page.
Updated the custom style of the component and now demonstrating passing classes as props in the 'with custom styles' storybook
I included a truth table in the storybook showing how the component appears with each state combination
Checkboxes can be made indeterminate by setting their props in a wrapper function as in the frontend storybook:
We need to be clear about whether the intermediate prop can override the checked prop or not. The important thing is to make sure the description and examples make it clear.
unchecked (could implement to be intermediate if we want)