design-vanilla-framework icon indicating copy to clipboard operation
design-vanilla-framework copied to clipboard

Selectable table rows

Open anthonydillon opened this issue 6 years ago • 2 comments

Selected table row styling.

Visual

Screenshot_2019-08-09 Machines karura MAAS

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.

anthonydillon avatar Aug 09 '19 08:08 anthonydillon

Should be done as part of modular table.

bartaz avatar Mar 15 '21 10:03 bartaz

@barrymcgee Assigning you this to maybe tackle when you join the Vanilla squad.

SirSamTumless avatar May 20 '21 10:05 SirSamTumless