Skip to main content

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​

To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.