Atlas
.atlas-table

Table

Dense data table. Uppercase headers, 24px rows, mono numbers.

.atlas-table.num

Default

Name Status Requests Latency
atlas-coreOK12,84742ms
atlas-edgeSLOW3,201312ms
atlas-apiFAIL87—
atlas-docsOK8,12938ms
 
<table class="atlas-table" style="width:100%">
  <thead>
    <tr>
      <th>Name</th>
      <th>Status</th>
      <th class="num">Requests</th>
      <th class="num">Latency</th>
    </tr>
  </thead>
  <tbody>
    <tr><td>atlas-core</td><td><span class="atlas-badge atlas-badge-success">OK</span></td><td class="num">12,847</td><td class="num">42ms</td></tr>
    <tr><td>atlas-edge</td><td><span class="atlas-badge atlas-badge-warning">SLOW</span></td><td class="num">3,201</td><td class="num">312ms</td></tr>
    <tr><td>atlas-api</td><td><span class="atlas-badge atlas-badge-error">FAIL</span></td><td class="num">87</td><td class="num">—</td></tr>
    <tr><td>atlas-docs</td><td><span class="atlas-badge atlas-badge-success">OK</span></td><td class="num">8,129</td><td class="num">38ms</td></tr>
  </tbody>
</table>