Status · §5.17

Banner

Department load, offline, stale, paused, maintenance and announcements.

Kind
Theme
Contrast
Language
Motion
Text size

Code

<Banner kind="busy" onDismiss={dismiss} t={t} />

Accessibility

  • role="status"; offline, stale and paused are never dismissible.
  • The dismiss button is labelled.

Usage

Do

  • One sentence and an optional action.

Don't

  • Never glass, never fixed.
  • Patients never see red for department load.

Platforms

Web
apps/web/components/edflow/banner.tsx
iOS
SwiftUI inline banner
Android
Compose Surface strip