Notification
Realiza a comunicação direcionada entre o produto e o usuário
Uso
Notifications realizam a comunicação e acesso rápido aos usuários, oferecendo informações importantes e direcionadas.
Anatomia
❖. Container
O container recebe mudança visual em pelo status da Notification (nova notificação ou lida).
1. Title
O Title da Notification recebe o texto mais primário da comunicação;
É um elemento obrigatório em todos os contextos;
O componente há variante em que o Title é a informação mais prioritária do componente, contendo até 2 linhas de texto.
2. Description
A Description da Notification recebe o texto secundário da comunicação;
É um elemento obrigatório em todos os contextos;
O componente há variante em que a Description é a informação mais prioritária do componente, contendo até 3 linhas de texto.
3. Thumbnail (Opcional)
A Thumbnail da Notification imagens de reforço para identificação rápida do assunto tradado em cada notificação.
É um elemento opcional, mas sugerido sempre que possível.
O componente recebe imagens de formatos e skins diferentes pelo contexto. Desde de uma capa de álbum em uma notificação de lançamentos, até thumbs iconográficas para notificações sobre contribuições de conteúdo.
Variantes
New
A variante "New" contem o visual chamativo, para chamar a atenção do usuário por ser um nova notificação não visualizada.
Read
A variante "Read" contem um visual mais neutro, indicando que o usuário já visualizou aquela notificação.
Title priority
A variante "Title priority" é utilizada em momentos em que o tipo de notificação necessita de uma prioridade maior para o Title. Podendo conter até 2 linhas de texto caso necessário.
Description priority
A variante "Description priority" é utilizada em momentos em que o tipo de notificação necessita de uma prioridade maior para a Description. Podendo conter até 3 linhas de texto caso necessário.
Use cases
Histórico de Atualizações
Atualizado