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
import { CmGauge } from "cosmemilton-ui/server";Tons, arco e valor customizado
Donut completo com label, arco parcial e valueFormat (ex.: 350/500).
Autoajuste do valor central
A fonte do valor encolhe até caber no anel e vira reticências ao chegar em minValueFontSize.
Velocímetro (arco aberto)
Só com props do CmGauge: arc abre a escala embaixo, startAngle gira o ponto inicial e valueFormat troca o percentual pela leitura.
API rápida
Props principais de cada peça exportada.
CmGauge
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.
O valor central se autoajusta: a fonte diminui até caber no anel e vira reticências ao chegar em minValueFontSize (padrão ~55% de valueFontSize). Use autoFitValue={false} para desligar.