Error

The component that can be used to display any global errors on the page.

import Error from '@semcore/ui/errors';
<Error />;

ErrorsProps

& {...}

Name	Type	Description
icon	string | React.ReactNode	Error icon

Error.Title

Error title. Extends for <Box/>.

import Error from '@semcore/ui/errors';
<Error.Title />;

Error.Description

Error description. Extends for <Box/>.

import Error from '@semcore/ui/errors';
<Error.Description />;

Error.Controls

Container for controls. Extends for <Box/>.

import Error from '@semcore/ui/errors';
<Error.Controls />;

AccessDenied

Template for the 403 error: user has no access to the page.

import { AccessDenied } from '@semcore/ui/errors';
<AccessDenied />;

AccessDeniedProps

& {...}

Name	Type	Description
homeLink	string	href of the home link
titleTag	"h1" | "h2" | "h3" | "h4" | "h5" | "p"	HTML tag of the error title

Maintenance

Template for the global state for the period of technical works.

import { Maintenance } from '@semcore/ui/errors';
<Maintenance />;

MaintenanceProps

& {...}

Name	Type	Description
toolName	string	Tool name
homeLink	string	href of the home link
titleTag	"h1" | "h2" | "h3" | "h4" | "h5" | "p"	HTML tag of the error title

PageError

Template for the 500 error, caused by some technical problems.

import { PageError } from '@semcore/ui/errors';
<PageError />;

PageErrorProps

& {...}

Name	Type	Description
onClick	(e: React.MouseEvent) => void	Page reloading button click handler
titleTag	"h1" | "h2" | "h3" | "h4" | "h5" | "p"	HTML tag of the error title

PageNotFound

Template for the 404 error: page not found.

import { PageNotFound } from '@semcore/ui/errors';
<PageNotFound />;

PageNotFoundProps

& {...}

Name	Type	Description
homeLink	string	href of the home link
titleTag	"h1" | "h2" | "h3" | "h4" | "h5" | "p"	HTML tag of the error title

ProjectNotFound

Template for the 404 error, but for a project page.

import { ProjectNotFound } from '@semcore/ui/errors';
<ProjectNotFound />;

ProjectNotFoundProps

& {...}

Name	Type	Description
projectsLink	string	Link to the projects
contactsLink	string
supportTeamLink	string
titleTag	"h1" | "h2" | "h3" | "h4" | "h5" | "p"	HTML tag of the error title