DS | Adila.coComponentes
Usage Card
Visualização de consumo, limites e níveis de atenção de um recurso.
Build minutes
Ciclo atual
420 / 1000 min42%
Armazenamento
82 / 100 GB82%
Banco de dados
47 / 50 GB94%
Instalação
bun add @adila-sh/uiUso
<UsageCard
label="Armazenamento"
description="Ciclo atual"
value={82}
max={100}
warningAt={70}
criticalAt={90}
formatValue={(value, max) => `${value} / ${max} GB`}
/>A barra muda para atenção e crítico ao atingir warningAt e criticalAt.