Components / status

State matrix

visiblerequired

Anatomy

  • live status region
  • message
  • optional action

Keyboard contract

Must not steal focus; any action is reachable in normal order while the toast remains available.

Screen-reader contract

Polite status announcements avoid interrupting active input.

Content rules

  • State the completed result.
  • Include recovery only when it is immediately actionable.

Public API

PropTyperequiredDescription
childrenReactNoderequiredStatus message

Adaptation contracts

RTL
Align status copy to inline-start and keep number/value semantics locale aware.
High contrast
Expose status with text, shape, or system color rather than authored color alone.
Reduced motion
Stop looping indicators where possible and retain a textual status.

Verification IDs

Toast/polite-status

Live

Live

Changes saved

Copyable example

import { Toast } from "@awesome-ds/react";

<Toast>Saved</Toast>