Data

stable

15 componentes de dados: DataTable, TableToolbar, TablePagination, TableStates, List, ListItem, RankingList, ComparisonRow, StatRow, KeyValueList, DataGrid, StatusIndicator, ProgressBar, Stepper, Timeline.

DataTable

App Categoria Downloads Rating
Super App Finanças 1.2M 4.8
App Store Produtividade 890K 3.9
1–2 de 127 
<div class="ds-data-table">
  <div class="ds-table-toolbar">...</div>
  <table class="ds-data-table__table">
    <thead><tr><th class="ds-data-table__th">Col</th></tr></thead>
    <tbody><tr class="ds-data-table__row"><td class="ds-data-table__td">...</td></tr></tbody>
  </table>
  <div class="ds-table-pagination">...</div>
</div>

ProgressBar

<div class="ds-progress-bar">
  <div class="ds-progress-bar__fill" style="width: 72%"></div>
</div>

StatusIndicator

Ativo Pendente Erro Inativo 
<span class="ds-status-indicator ds-status-indicator--success">Ativo</span>
<span class="ds-status-indicator ds-status-indicator--warning">Pendente</span>
<span class="ds-status-indicator ds-status-indicator--danger">Erro</span>
Copiado!