Notification Bell

Feedback

Bell icon button with badge count and notification list dropdown.

Default

Bell with unread badge + panel

No unread notifications

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`	`20`	Máximo de notificações visíveis
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline pro botão do sino

Voltar para Feedback

Carregando…