Visão Geral
Design System
Subcomponente br-notification-header: representa a região superior do painel de notificações,
responsável por agrupar dados do usuário, título contextual e botão de fechar.
Propriedades
closeLabel
| |
|---|
| Atributo | close-label |
| Descrição | Texto acessível do botão de fechar. Permite internacionalização. |
| Tipo | string |
| Valor padrão | 'Fechar notificações' |
customId
| |
|---|
| Atributo | custom-id |
| Descrição | Identificador único do componente.
Quando omitido, um valor é gerado automaticamente.
> Padrão: valor único gerado por Helpers.generateUniqueId().
> Uso compartilhado: mantenha esta descrição idêntica em todos os componentes que usam customId. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId() |
label
| |
|---|
| Atributo | label |
| Descrição | Título textual do cabeçalho. |
| Tipo | string |
| Valor padrão | --- |
| |
|---|
| Atributo | show-close-button |
| Descrição | Exibe botão de fechar dentro do cabeçalho. |
| Tipo | boolean |
| Valor padrão | true |
subtitle
| |
|---|
| Atributo | subtitle |
| Descrição | Texto complementar, como e-mail ou identificação adicional do usuário. |
| Tipo | string |
| Valor padrão | --- |
Slots
| Nome | Descrição |
|---|
"actions" | Região para botão de fechar ou outras ações contextuais. |
"avatar" | Área para avatar ou elemento visual do usuário. |
"subtitle" | Conteúdo customizado do subtítulo. |
"title" | Conteúdo customizado do título. |
Eventos
| Evento | Descrição | Propagação |
|---|
brNotificationHeaderClose | Solicita o fechamento do painel a partir do cabeçalho. | true |
Dependências
Componente pai
Depende de
Gráfico
