Toast

Feedback

Portal toast notifications via context hook, 5 intents, 2 variants, configurable placement.

Toast — notification system with context provider

Instalação via CLI

$ npx kikitocn add toast

Interno:

@/lib/utils

Exemplo de uso

ToastExample.tsx

import { Toast } from "@/components/ui/cn/toast/Toast";

export function ToastExample() {
  return (
    <Toast />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo envolvido pelo ToastProvider
`placement`	`'top-left' \| 'top-center' \| 'top-right' \| 'bottom-left' \| 'bottom-center' \| 'bottom-right'`	`'bottom-right'`	Posição das notificações na tela
`maxToasts`	`number`	`5`	Número máximo de toasts simultâneos

Carregando…