Pular para o conteúdo principal

StickyBar

StickyBar é um elemento de interface que permanece fixo na parte superior da tela, permitindo exibir persistentemente informações ou ações importantes. Deve transmitir de forma clara e concisa a mensagem ou sugestão pretendida e sempre permitir que a pessoa feche o StickyBar para evitar comunicação excessiva e "cegueira de banner".

Você pode usar o componente Link para adicionar um CTA (call to action) dentro da StickyBar quando não quiser usar um botão.

Com ícone

Você pode utilizar um ícone no inicio da StickyBar. Garanta que esse ícone esteja conectado com o conteúdo do componente.

Customização

Você pode customizar as cores da StickyBar conforme a necessidade, lembre-se sempre de utilizar as cores disponiveis no nosso design system.

Boas práticas

Clareza e coesão

O StickyBar deve sempre comunicar sua mensagem de forma clara e concisa, evite utilizar muitas informações.

Visibilidade e importância

Garanta que o StickyBar se destaque e seja facilmente percebido pelo usuário sem ser intrusivo. Use cores contrastantes e fontes claras seguindo as boas práticas de contraste para acessibilidade.

Feedback