Feedback & overlays
cosmemilton-ui/server

CmStatusDot

Use para sinalizar estado por cor — online/offline, saúde, presença — ao lado de um rótulo. É server-safe (RSC).

Import

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

Tons, tamanhos e pulse

Indicadores com label acessível, três tamanhos e halo pulsante.

OnlineOnline
AtençãoAtenção
ErroErro
InativoInativo
Ao vivoAo vivo (pulse)

API rápida

Props principais de cada peça exportada.

CmStatusDot

tonesizepulselabel

Notas

Cor sozinha não é acessível: passe label para expor um nome ao leitor de tela (texto sr-only). Sem label, o ponto é decorativo.

tone mapeia para os tokens do tema; default = cinza/neutro (ex.: offline/inativo).

pulse anima um halo (ex.: ao vivo/processando) e respeita prefers-reduced-motion.