Skip to content
This repository was archived by the owner on May 31, 2023. It is now read-only.
This repository was archived by the owner on May 31, 2023. It is now read-only.

Selectable table rows #425

@anthonydillon

Description

@anthonydillon

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions