cosmemilton-ui/clientFeedback & overlays

CmProgress

Use para progresso deterministico de importacoes, uploads e etapas de processamento.

Import

tsx
import { CmProgress } from "cosmemilton-ui/client";

Progresso de importacao

Importacao de clientes
Linhas validadas
tsx
import { CmProgress } from "cosmemilton-ui/client";
import { CmStack } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="md">
      <CmProgress value={64} label="Importacao de clientes" />
      <CmProgress value={28} max={50} label="Linhas validadas" />
    </CmStack>
  );
}

API rapida

CmProgress

valuemaxlabelclassName