Composition Gallery

Feedback

A shared feedback surface for inline outcomes, progress, loading placeholders, a spinner, and a toast.

Overview

Tests how persistent and temporary feedback coexist without competing for attention.

Changes saved

Your workspace preferences are up to date.

Upload failed

The file is too large. Try a smaller export.

Uploading assetsUploading

64% complete

1<Alert tone="success" title="Changes saved" />2<Progress label="Upload progress" value={64} />3<ToastViewport />

AlertToastProgressSkeletonSpinnerButton

Critical inline feedback uses clear text; progress has a name; managed toasts include a dismiss action and status semantics.

Feedback stacks vertically and preserves reading order; transient toast placement remains independent from the content column.

Core owns feedback primitives. Cross-product notification centres and workflow orchestration remain out of scope.