Error states

Displays error state variants for different HTTP error codes and generic errors.

alert

Something went wrong

(Customizable text) Please try again. If the issue persists, try visiting the Knowledge Base for assistance.

Installation

pnpm dlx shadcn@latest add https://blok.sitecore.com/r/error-states.json

Usage

Examples

The following are examples of our error-states components.

Generic

alert

Something went wrong

(Customizable text) Please try again. If the issue persists, try visiting the Knowledge Base for assistance.

Bad Request (400)

alert

Bad request

Error 400

(Customizable text) Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Unauthorized (401)

stop

Unauthorized

Error 401

(Customizable text) Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Forbidden (403)

lock

Forbidden

Error 403

(Customizable text) You don't have permission to access this page.

Page Not Found (404)

map-search

Page not found

Error 404

The page you are looking for cannot be found.

Internal Server Error (500)

alert

Internal server error

Error 500

(Customizable text) This page isn't working.

Service Unavailable (503)

wrench-clock

Service unavailable

Error 503

(Customizable text) The service you requested is not available at this time.