Error State - Design System

Page mode — 404 Not found

Page not found

We couldn't find the page you were looking for. It may have moved, been renamed, or never existed.

Page mode — 500 with collapsible details

Something went wrong on our end

We've been notified and are investigating. Please try again in a moment — if the problem persists, contact support with the request ID below.

Technical details

System.InvalidOperationException: Sequence contains no matching element
   at System.Linq.ThrowHelper.ThrowNoMatchException()
   at System.Linq.Enumerable.First[TSource](IEnumerable`1 source, Func`2 predicate)
   at DesignSystemWeb.Services.PatientService.GetById(Int32 id) in PatientService.cs:line 42
   at DesignSystemWeb.Components.Pages.PatientDetailPage.OnInitializedAsync() in PatientDetailPage.razor:line 58

Request ID: 0HN3QJK5L2G8P:00000001
Trace ID:   a1b2c3d4e5f67890

Page mode — 403 Forbidden

You don't have access

Your account doesn't have permission to view this resource. If you believe this is a mistake, ask your workspace admin to grant access.

Page mode — Offline / maintenance

We'll be right back

The app is temporarily down for scheduled maintenance. Expected to return in a few minutes.

Inline mode — failed panel load

Use inline mode inside cards, tabs, or data panels when a portion of the UI fails to load. Smaller footprint, still actionable.

Couldn't load patients

The request timed out after 10 seconds. Check your connection and try again.

No results

Your search didn't match any records. Try broadening your filters.

Inline tones

Rate limit exceeded

You're making requests too quickly. Please wait a moment before retrying.

Nothing to show yet

Data will appear here once the first sync completes.

Usage

@page "/error/404"
@layout MainLayout

<ErrorState Mode="page"
            Tone="neutral"
            StatusCode="404"
            Title="Page not found"
            Description="We couldn't find the page you were looking for.">
    <Actions>
        <Button Variant="secondary" Text="Go back" />
        <Button Variant="primary" Text="Return home" />
    </Actions>
</ErrorState>

@* Inline inside a panel that failed to load *@
<ErrorState Mode="inline" Tone="error" Bordered="true"
            Title="Couldn't load patients"
            Description="The request timed out. Check your connection and try again.">
    <Actions>
        <Button Variant="secondary" Size="sm" Text="Retry" />
    </Actions>
</ErrorState>