Banner

Full-width messages pinned to the top of the page for system-wide announcements or important notices.

Status

Info banner: Displays helpful information about the page without requiring immediate action.

Warning banner: Highlights a potential issue on the page that may need user attention or caution.

Error banner: Communicates a critical issue on the page that requires resolution or impacts functionality.

Success banner: Confirms that a page-level action or process has been completed successfully.

General banner: Provides a neutral, general-purpose status message that does not carry semantic meaning.

Show a link in the banner when users may need more detail or a direct path to resolve the status.

Hide the link when the banner’s message is self-contained and requires no further action.