Feedback & overlays
cosmemilton-ui/client

CmToastProvider / useCmToast

Envolva a área com CmToastProvider e dispare mensagens pelo hook useCmToast ou por CmToastNotice.

Import

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

Disparo de toast

Dispare pelo hook useCmToast. Os toasts aparecem fixos na tela, no canto inferior direito (position padrão), e somem após 5s.

Posicionamento

Escolha o canto e dispare — a prop position muda a âncora da pilha imediatamente, sem remontar o provider.

Disparo declarativo com CmToastNotice

Renderize CmToastNotice condicionalmente para disparar um toast sem usar o hook — útil em fluxos onde o aviso nasce do estado.

API rápida

Props principais de cada peça exportada.

CmToastProvider

childrenposition

useCmToast

toast(message, options)

CmToastNotice

titledescriptiontoneduration

Notas

position ancora a pilha em um dos cantos/eixos: "top-left", "top-center", "top-right", "bottom-left", "bottom-center" ou "bottom-right" (padrão "bottom-right"). Útil para não cobrir uma sidebar fixa.

Toasts idênticos (mesmo tom, título e mensagem) disparados em menos de 1s são ignorados — cliques repetidos no mesmo botão não empilham duplicatas.

Em um app real, monte um único CmToastProvider no topo da árvore; cada exemplo aqui usa o seu apenas para isolar o preview.