Print Desk

The Atom design system, rendered live from its own tokens and components — it cannot drift from what ships.

Docs Components

Bannerexperimental

A page-wide notice tinted by tone — neutral, info, caution, or danger — with room for one action. Danger banners announce themselves to screen readers.

bannernoticealertenvironment

Variants

tone enum

Status family of the notice.

  • neutral — Ambient information.
  • info — Default: contextual notices.
  • caution — Environment warnings — 'You are editing Stage'.
  • danger — Degraded or blocking conditions; role=alert.

Guidelines

  • mustAt most one banner per screen; conditions stack into the most severe.
  • must-notBanners describe system state, never confirm user actions — that's the toast's job.