Componente

CmButton

Ações primárias, secundárias e estados de carregamento.

Import

Caminho público recomendado para este componente.

import { CmButton } from "cosmemilton-ui";

Use tone para escolher a intenção visual: primary, success, warning, danger, info ou default.

Use variant para escolher a força visual: solid para ação principal, outline/soft para ações secundárias e ghost para ações discretas.

Use loading quando a ação estiver em andamento. O botão fica desabilitado e mostra loadingLabel.

Use icon para ícone à esquerda, trailingIcon para ícone à direita e iconOnly quando o botão tiver só ícone. Em iconOnly, informe aria-label.

Variantes e estados

Combina intenção, variação visual, ícones e estado de carregamento.

Tamanhos

Use size para ajustar a densidade do botão ao contexto.

Escolhendo a intenção

Use solid primary para a ação principal da tela. Use outline ou ghost para ações de menor prioridade.