Subconscious design system
Components · Feedback

Feedback

Default: keep the outcome beside the action. Name the state and the next useful step; announce a change without moving focus.

Show the result inline

Install @subconscious/subconscious-base. Use role="status" for a receipt and aria-describedby for field help. Submit the native sample to inspect the live announcement.

<p role="status">Target updated to 98%.</p>
<!-- Render the receipt only after the operation succeeds. -->

Inspect the product autosave state. Use a persistent role="alert" for an operation failure with a correction; reserve toasts for asynchronous receipts.

Four states, four useful messages

Copy examples below describe sample states. No job runs or email sends from this page.

Loading
Evidence is loading. Keep the last readable result visible; show measured progress only when the operation supplies it.
Empty
No evidence matches these filters. Clear a filter to broaden the result.
Failed
Evidence could not be loaded. Keep the last result and provide a retry tied to the failed request.
Success
Target updated to 98%. Show the resulting recommendation and source evidence.

Inspect an updated recommendation in the Action Brief. A confirmation message alone does not prove the decision changed.

Progress across several actions

A checklist explains remaining setup; a feed records past activity. Both retain distinct product jobs.

Getting started

Activity feed