search

canonical / design-vanilla-framework

Design components for Vanilla Framework.
https://vanillaframework.io
GNU General Public License v3.0
62 stars 11 forks source link

Selectable table rows #425

Open anthonydillon opened 5 years ago

anthonydillon commented 5 years ago

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:

Functionality

This pattern will require JS to toggle the is-selected class on the tr.

bartaz commented 3 years ago

Should be done as part of modular table.

SirSamTumless commented 3 years ago

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