Create tri-state checkbox component

Description

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.

Example usage:

Technical notes

Activity

Show:
Earl Mark Floden
July 27, 2017, 2:10 AM

Updated the custom style of the component and now demonstrating passing classes as props in the 'with custom styles' storybook

Earl Mark Floden
July 21, 2017, 2:14 AM

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:

David Mason
July 19, 2017, 4:37 AM

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.

checked

intermediate

appearance

false

false

unchecked

false

true

unchecked (could implement to be intermediate if we want)

true

false

checked

true

true

intermediate

Ready for Release

Assignee

Earl Mark Floden

Reporter

Earl Mark Floden

Labels

None

Tested Version/s

None

Story Points

3

Components

Sprint

None

Fix versions

Priority

unspecified