We have select-able rows in a number of applications now. This pattern could be used when selecting a checkbox in the row or statically setting the selected row to highlight it in brochure websites.
State
There are two states:
default
is-selected
Functionality
This pattern will require JS to toggle the is-selected class on the tr.
Selected table row styling.
Visual
Example in Material design: https://material-ui.com/components/tables/#sorting-amp-selecting
Context
We have select-able rows in a number of applications now. This pattern could be used when selecting a checkbox in the row or statically setting the selected row to highlight it in brochure websites.
State
There are two states:
Functionality
This pattern will require JS to toggle the
is-selected
class on thetr
.