Get started Registry

Component

Card

Panels, tickets, metric tiles and link cards — every raised surface in the house style.

Preview

Job #04213 h 12 m

Bracket v3 — final

bracket_final.3mf · Prusa MK4

CPU

34%
ryzen 7 5800x · 4.2 GHz

Code

<div class="ticket">
  <div class="stub"><span>Job #0421</span><span>3 h 12 m</span></div>
  <h3 style="margin-top:10px">Bracket v3 — final</h3>
  <p class="small muted" style="margin-top:4px">bracket_final.3mf · Prusa MK4</p>
</div>

<div class="tile">
  <h2>CPU</h2>
  <div class="big">34<small>%</small></div>
  <div class="sub">ryzen 7 5800x · 4.2 GHz</div>
  <span class="meter"><i style="width:34%"></i></span>
</div>

<a class="card-link" href="#">
  <span class="grow"><h3>Prusa MK4</h3><p class="small muted">Bay 2 · idle</p></span>
  <span class="stamp ok">Ready</span>
</a>
← ButtonChart →