Sticky Alert

A sticky alert is a persistent message that remains visible as the user scrolls.

Base Components

Overview

A sticky alert is a persistent notification that stays visible at the top or bottom of the screen as the user scrolls, ensuring important messages are always in view.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D131-39613%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use sticky alerts for critical information or actions that require user attention, such as warnings, errors, or urgent updates.

How should you use them?

  • Use clear and concise language for the message.
  • Ensure the sticky alert stands out visually.
  • Provide a way for users to dismiss the alert if necessary.
  • Avoid using sticky alerts for non-critical information to prevent annoyance.
  • Ensure the alert is accessible, with proper ARIA roles and attributes.
Previous

No previous post
Up next

No next post