Toast

Feedback

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

UnificadosDynamic Island Notification

Dynamic Island Notification

Unificado

Dynamic Island Notification — pílula expansível estilo iOS

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 placement="top-left">
      Toast
    </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

Voltar para Feedback

Carregando…