@cdr-kit/react-ui/DX primitives/CdrError
<CdrError>
Soft-bordered danger state with an optional retry CTA. Pair with caught errors from useAccessVault or useSubscribeAndAccess.
import { CdrError } from "@cdr-kit/react-ui"
Live preview
Read timed outThreshold not met in time.
import { CdrError } from "@cdr-kit/react-ui";
<CdrError
title="Read timed out"
message="Threshold not met in time."
onRetry={() => refetch()}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| titlerequired | ReactNode | — | Bold first line — the error title. |
| message | ReactNode | — | Optional detail line below the title. |
| onRetry | () => void | — | When set, renders the retry button on the right. |
| retryLabel | string | "Retry" | Retry button label. |