Notification Bell

Feedback

Bell icon button with badge count and notification list dropdown.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for feedback/notification-bell

Instalação via CLI

$ npx kikitocn add notification-bell

Exemplo de uso

Notification BellExample.tsx

import { NotificationBell } from "@/components/ui/cn/notification-bell/NotificationBell";

export function NotificationBellExample() {
  return (
    <NotificationBell />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`notifications`	`Notification[]`	—	Lista de notificações
`onRead`	`(id: string) => void`	—	Callback ao marcar como lida
`onReadAll`	`() => void`	—	Callback ao marcar todas como lidas
`onDismiss`	`(id: string) => void`	—	Callback ao descartar
`maxVisible`	`number`	`5`	Máximo de notificações visíveis
`className`	`string`	—	Classes CSS extras

Voltar para Feedback

Carregando…