Primitive
ErrorState
Centered, vertically-stacked block used inside the .Error slot of the SDK compounds. Wraps the compound's ErrorMessage and Retry so the whole block sits centered in the card with consistent spacing.
Preview
Something went wrong while fetching revenue.
Class
| Class | When applied |
|---|---|
.asset-error-state | Container — centered column with text alignment and padding. |
.asset-error-state-text | Apply to the compound's .ErrorMessage to match the centered block layout. |
.asset-error-state-retry | Apply to the compound's .Retry to render it as an underlined link-style action. |
CSS variables
Override these on any ancestor scope (or globally) to restyle this primitive. See the CSS Variables reference for the full token list and Theming for override patterns.
| Variable | Affects |
|---|---|
--asset-foreground | Error text and retry label color. |