Componentes
Números e painéis
Número de destaque em Questrial 26 px, com o símbolo menor antes; cartão de painel com contador e "Ver todos" no cabeçalho, até 5 itens.
Quando não usar
- cor de estado num número que não é estado
- marca d’água atrás do número
- cartão que cresce sem limite
Exemplos
claro
Saldo livre
H$ 32.479,00
escuro
Saldo livre
H$ 32.479,00
<div class="site-grid-2">
<div class="hx-card"><div class="hx-stat"><p class="hx-stat-label">Saldo livre</p><p class="hx-stat-value"><span class="hx-stat-unit">H$</span> 32.479,00</p><p class="hx-meta">reservado para 1 solicitação</p></div></div>
<div class="hx-card">
<div class="hx-panel-header"><h3>Fila da Hibex</h3><span class="hx-count">2<span class="hx-visually-hidden"> itens</span></span><a href="#">Ver todos</a></div>
<ul class="hx-panel-list"><li><a href="#">Projeto Aurora · etapa 5</a><span class="hx-meta">iniciar a próxima etapa · até 05/10 às 10:00</span></li><li><a href="#">Clínica Vida · etapa 1</a><span class="hx-meta">confirmar a chamada · até 07/10</span></li></ul>
</div>
</div>Origem: cap. 06 §3.4–§3.5 · ADR-0023 · desde a versão 0.1.0