Design System
Feedback

System banner

A site-wide announcement bar for maintenance windows and incidents. Renders above the Topbar: one line, one action.

Purpose

The banner is for things affecting everyone — planned downtime, a live incident. Anything specific to one person or one record belongs in an Alert on the relevant page.

Example

Scheduled maintenance this Sunday, 02:00–04:00 MYT — the portal will be unavailable. See details

Props

PropTypeDefaultDescription
tone"info" | "warning" | "destructive" | "success" | undefined"info"Tone of the announcement.
action{ label: string; href: string; } | undefinedOptional action link rendered after the message.
onDismiss(() => void) | undefinedShow a dismiss button; called when the user dismisses.

On this page