StickyBar
StickyBar is an interface element that remains fixed at the top of the screen, allowing you to persistently display important information or actions. It must clearly and concisely convey the intended message or suggestion and always allow the person to close the StickyBar to avoid excessive communication and "banner blindness".
With link
You can use the Link component to add a CTA (call to action) inside the StickyBar when you don't want to use a button.
With icon
You can use an icon at the beginning of the StickyBar. Ensure that this icon is connected to the component content.
Customization
You can customize the colors of StickyBar as needed, always remember to use the colors available in our design system.
Good habits
Clarity and conciseness
The StickyBar should always communicate its message clearly and concisely. Avoid overcrowding the bar with too much information.
Visibility and importance
Ensure StickyBar stands out and is easily noticed by the user without being intrusive. Use contrasting colors and light fonts following good contrast practices for accessibility.