Feedback

Banner

A persistent situation that needs a decision — wide, inline, and never blocking.
Synchronization is off
Changes are stored on this device only.

Banner at a glance

Some situations affect a whole page or section and require a visible user decision without blocking work.

  • Neutral by designNo severity types and no arbitrary colors: a banner states a situation, it does not rate it.
  • Decision, not noticeActions are the point — the banner exists so the user can resolve the situation.
  • Stays in flowNo teleport, sticky offset, timer or queue: placement belongs to the layout family.

A quick look

A live component shows the default contract before the detailed specification.

Synchronization is off
Changes are stored on this device only.
01

Start with defaults

The auto layout picks inline or stacked from a static CSS threshold, with no measurement.

02

Preserve intent

Keep the situation and its actions together; do not restate severity through color.