Result

Set status to success to confirm a finished operation, with a filled check from your icon pack above the title.

Set status to error for a failed operation, and list what went wrong in children, which renders below the actions.

Set status to info, the default, for a neutral outcome like a sent email, with a single button in extra.

Set status to warning for a state that needs attention soon, like a subscription that is about to expire.

Set status to 404 to show the built-in illustration for a page that does not exist, with a way back home.

Set status to 403 for the built-in illustration shown to people who are not allowed to see a page.

Set status to 500 for the built-in server error illustration, with a way back home in extra.

Set status to 401 for a page that needs the visitor to sign in first, with a sign-in button in extra.

Set status to 429 when a visitor sends too many requests and has to wait before trying again.

Set status to 503 for planned maintenance, while the service is down for a short time.

Set status to offline when the browser has lost its connection, with a button to retry.

Set appearance to outlined to draw the illustration in lines only, in grays from the text color.

Set appearance to filled to draw the lines over a light tint.

Set accent to primary to draw the outlined illustration in the theme's primary shades.

Combine accent="primary" with appearance="filled" to tint the shapes in the primary color too.

Pick a status and switch appearance and accent to see every illustration in each style.

Every illustration the kit ships, one per status, each exported on its own to use outside a Result.

A checkout confirmation with an order summary card below the buttons for the invoice and the dashboard.

An access-denied page with the 403 illustration, a request-access button and a card showing what was blocked.