Back to Compositions

ErrorState

Feedback

Error display with retry action and fallback options

Composed from
BannerTextButton
Example
Unable to connect to Shopify. Check your network connection and try again.RetryContact support
Usage
import { ErrorState } from '@/components/polaris';

function Example() {
    return (
        <ErrorState
            title="Failed to load products"
            onRetry={() => console.log('retry')}
            secondaryAction={{ label: 'Contact support', onAction: () => console.log('support') }}
        >
            Something went wrong while fetching your products. Please try again.
        </ErrorState>
    );
}