Skip to content
skrewww

Feedback

Feedback components communicate status, progress, validation outcomes, and system responses.

What this category contains

Feedback must pair icon or color with explanatory text. Field-level feedback belongs near the related control with ValidationMessage. Persistent page content uses Alert. Transient confirmations use Toast.

Status

6 Stable and 1 Beta React components.

Accessibility considerations

Associate inline validation with fields through aria-describedby. Use live regions intentionally — static Alerts do not announce by default.

Components and documented patterns (7)