We're updating the issue view to help you get more done.Learn more

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 ZNTA-1865 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:

1 2 3 4 5 6 7 <TriCheckbox onChange={({target: {checked}})=>{ this.setState({checked, indeterminate:false}) }} checked={this.state.checked} indeterminate={this.state.indeterminate} />
Technical notes

Status

Assignee

Earl Mark Floden

Reporter

Earl Mark Floden

Tested Version/s

None

Story point estimate

3

Components

Sprint

None

Fix versions

Priority

unspecified