Error message
Error
The component that can be used to display any global errors on the page.
jsx
import Error from '@semcore/ui/errors';
<Error />;
ErrorsProps
& {...}Name | Type | Description |
---|---|---|
icon | string | React.ReactNode | Error icon |
Error.Title
Error title. Extends for <Box/>
.
jsx
import Error from '@semcore/ui/errors';
<Error.Title />;
Error.Description
Error description. Extends for <Box/>
.
jsx
import Error from '@semcore/ui/errors';
<Error.Description />;
Error.Controls
Container for controls. Extends for <Box/>
.
jsx
import Error from '@semcore/ui/errors';
<Error.Controls />;
AccessDenied
Template for the 403 error: user has no access to the page.
jsx
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.
jsx
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.
jsx
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.
jsx
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.
jsx
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 |