Status and feedback

Error states

Three sizes of failure: an inline error inside a panel, a partial failure that lists what failed and what worked, and a page-level error when the whole surface cannot load. Each names the real cause.

Live specimen

Lifted from the approved family page at build time; interact with it.

Inline errors

Next to the thing that failed, in words that name the cause.

499,00
Enter each price as a plain amount above zero, like 499.00.
navy-birdseye-two-piece
This handle is used by another product.
default
hover
focus
loading
disabled
Uses.field.err.help.err.sf-inerr.btn[aria-busy]

from families/status-feedback/#error-inline

Partial failure

Say how many worked and keep the rest usable.

Uses.sf-inerr.sf-fails.chip.danger

from families/status-feedback/#error-partial

Page-level error

Replaces the page body; the shell stays.

RJ Clothing/Orders
Staging?FW

Could not reach DTC Admin

The orders service did not answer in time. Nothing was changed, and your filters are kept.

GET /api/v1/dtc/orders
504 · Today 14:20:07
request req_8f3a21c4
Uses.sf-errpage.sf-errmark.code.topbar

from families/status-feedback/#error-page