Visão Geral
Design System
Subcomponente br-notification-item: representa uma entrada individual de notificação.
Respeita a organização visual e os estados interativos equivalentes ao componente item do design system.
Propriedades
clickable
| |
|---|
| Atributo | clickable |
| Descrição | Define se o item é interativo. |
| Tipo | boolean |
| Valor padrão | true |
datetime
| |
|---|
| Atributo | datetime |
| Descrição | Informação cronológica associada à notificação. |
| Tipo | string |
| Valor padrão | --- |
description
| |
|---|
| Atributo | description |
| Descrição | Conteúdo resumido ou complementar da notificação. |
| Tipo | string |
| Valor padrão | --- |
itemId
| |
|---|
| Atributo | item-id |
| Descrição | Identificador único do item. Quando omitido, um valor é gerado automaticamente.
> Padrão: valor único gerado por Helpers.generateUniqueId(). |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId() |
label
| |
|---|
| Atributo | label |
| Descrição | Título principal da notificação. (obrigatório) |
| Tipo | string |
| Valor padrão | --- |
state
| |
|---|
| Atributo | state |
| Descrição | Define o estado visual da notificação. |
| Tipo | "danger" | "info" | "success" | "warning" |
| Valor padrão | --- |
unread
| |
|---|
| Atributo | unread |
| Descrição | Indica se a notificação ainda não foi lida. |
| Tipo | boolean |
| Valor padrão | false |
Slots
| Nome | Descrição |
|---|
"actions" | Ações contextuais do item. |
"default" | Conteúdo principal da notificação. |
"meta" | Região para informação cronológica ou metadados. |
"status" | Região para tag, badge ou marcador visual de status. |
"title" | Conteúdo customizado do título. |
Eventos
| Evento | Descrição | Propagação |
|---|
brNotificationItemRead | Informa mudança de estado para lido. | true |
brNotificationItemSelect | Informa seleção ou acionamento do item. | true |
Métodos
callFocus
| |
|---|
| Assinatura | callFocus() => Promise<void> |
| Descrição | Move o foco para o elemento interativo do item. |
| Parâmetros | --- |
Dependências
Componente pai
Depende de
Gráfico