Command Palette

Search for a command to run...

Docs
Error Loader

Error Loader

Displays error info based on error type with title, description and footer.

Error Image
Uh-oh! You are not connected!
To create post you must be connected ⚡️

Installation

pnpm dlx shadcn@latest add "https://akasha-ui.pages.dev/r/styles/default/error-loader.json"

Usage

import {
  ErrorLoader,
  ErrorLoaderDescription,
  ErrorLoaderFooter,
  ErrorLoaderTitle,
} from "<path-to-ui-components>/error-loader";
<ErrorLoader type="not-authenticated">
  <ErrorLoaderTitle>Uh-oh! You are not connected!</ErrorLoaderTitle>
  <ErrorLoaderDescription>
    To create post you must be connected ⚡️
  </ErrorLoaderDescription>
  <ErrorLoaderFooter>
    <Button>Connect</Button>
  </ErrorLoaderFooter>
</ErrorLoader>

Props

NameTypeDescription
typeno-appsNo application found.
not-authenticatedNot authenticated.
script-errorScript error.
page-not-found404 (page not found).
list-not-availableData contains empty list.
publicImgPathstringPath to public image folder.