cosmemilton-ui/clientFeedback & overlays

CmProgressModal

Use para processos que nao devem ser interrompidos e precisam informar etapa atual.

Import

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

Processamento em etapas

tsx
"use client";

import { CmProgressModal } from "cosmemilton-ui/client";

export default function Example() {
  return (
    <CmProgressModal
      open
      title="Importando planilha"
      description="Validando dados antes de criar os registros."
      steps={[
        { id: "upload", label: "Arquivo recebido", status: "completed" },
        { id: "validate", label: "Validacao", status: "loading", detail: "128 linhas" },
        { id: "save", label: "Gravacao", status: "pending" },
      ]}
    />
  );
}

API rapida

CmProgressModal

openstepscurrentSteptitledescription