Dados & visualização
cosmemilton-ui/server

CmGauge

Use para indicadores radiais — saúde do sistema, uso de recurso, donut de progresso. É server-safe (RSC), então pode renderizar direto em Server Components.

Import

tsx
import { CmGauge } from "cosmemilton-ui/server";

Tons, arco e valor customizado

Donut completo com label, arco parcial e valueFormat (ex.: 350/500).

API rápida

Props principais de cada peça exportada.

CmGauge

valueminmaxtonecolor/trackColorsizethicknessarcstartAngleroundedshowValuelabelvalueFormatchildren

Notas

Expõe role="progressbar" com aria-valuenow/min/max e aria-valuetext; passe aria-label para o nome acessível.

tone mapeia para os tokens de cor do tema; color/trackColor sobrescrevem com cores explícitas.

arc < 360 vira um gauge de arco parcial (a folga fica embaixo); startAngle ajusta o ponto inicial.

showValue (padrão true) mostra o percentual central; valueFormat customiza o texto e children substitui todo o conteúdo central.