design-vanilla-framework
design-vanilla-framework copied to clipboard
Selectable table rows
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:
- default
- is-selected
Functionality
This pattern will require JS to toggle the is-selected class on the tr.
Should be done as part of modular table.
@barrymcgee Assigning you this to maybe tackle when you join the Vanilla squad.