Skip to content
This repository was archived by the owner on Oct 7, 2020. It is now read-only.
This repository was archived by the owner on Oct 7, 2020. It is now read-only.

[data-table]: Add component for in progress state #2176

Open
@trimox

Description

@trimox

reference material-components/material-components-web#5732

Update documentation to include:

@use "@material/checkbox/mdc-checkbox"; // Required only for data table with row selection.
@use "@material/linear-progress/mdc-linear-progress"; // Required only if data table has progress state.
@use "@material/data-table/mdc-data-table";

Create optional table progress indicator component based on upstream spec:

 <div class="mdc-data-table__progress-indicator">
    <div class="mdc-data-table__scrim"></div>
    <div class="mdc-linear-progress mdc-linear-progress--indeterminate" role="progressbar" aria-label="Data is being loaded...">
      <div class="mdc-linear-progress__buffer">
        <div class="mdc-linear-progress__buffer-bar"></div>
        <div class="mdc-linear-progress__buffer-dots"></div>
      </div>
      <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
        <span class="mdc-linear-progress__bar-inner"></span>
      </div>
      <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
        <span class="mdc-linear-progress__bar-inner"></span>
      </div>
    </div>
  </div>

Metadata

Metadata

Assignees

Labels

new-mdc-featureFeature incorporated from material-components-web

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions