cosmemilton-ui/clientFeedback & overlays

CmAlertDialog

Compoe um dialogo acessivel com botoes de confirmar e cancelar. O proprio componente controla a abertura a partir do trigger.

Import

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

Confirmacao destrutiva

tsx
"use client";

import { CmAlertDialog, CmButton } from "cosmemilton-ui/client";

export default function Example() {
  return (
    <CmAlertDialog
      title="Remover cliente?"
      description="Essa acao remove o cliente da carteira ativa e nao pode ser desfeita."
      tone="danger"
      confirmLabel="Remover"
      trigger={(open) => (
        <CmButton tone="danger" onClick={open}>
          Remover cliente
        </CmButton>
      )}
      onConfirm={() => undefined}
    />
  );
}

API rapida

CmAlertDialog

titledescriptiontriggeronConfirmtoneconfirmLabel