NotFound

Storybook

Go to Story

NotFoundProps

Defined in: src/molecules/NotFound/NotFound.tsx:85

Properties

Property	Type	Description	Defined in
backPage	object	Configures where the user should go instead. Example { name: "users list", href: "/user" }	src/molecules/NotFound/NotFound.tsx:94
backPage.name	ReactNode	-	src/molecules/NotFound/NotFound.tsx:95
backPage.href	string	-	src/molecules/NotFound/NotFound.tsx:96
entityName	ReactNode	Singular name of accessed entity. Example "user"	src/molecules/NotFound/NotFound.tsx:102
className?	string	-	src/molecules/NotFound/NotFound.tsx:103

---

NotFoundIcon()

function NotFoundIcon(__namedParameters): Element;

Defined in: src/molecules/NotFound/NotFound.tsx:18

Icon component for the 404 not found state.

Parameters

Parameter	Type
__namedParameters	Omit<ComponentProps<"div">, "children">

Returns

Element

---

NotFoundContainer()

function NotFoundContainer(__namedParameters): Element;

Defined in: src/molecules/NotFound/NotFound.tsx:34

Container component that centers and arranges not found content vertically.

Parameters

Parameter	Type
__namedParameters	DetailedHTMLProps<HTMLAttributes<HTMLDivElement>>

Returns

Element

---

NotFoundTitle()

function NotFoundTitle(__namedParameters): Element;

Defined in: src/molecules/NotFound/NotFound.tsx:49

Title component for the not found state. Displays the main error message.

Parameters

Parameter	Type
__namedParameters	DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>>

Returns

Element

---

NotFoundParagraph()

function NotFoundParagraph(__namedParameters): Element;

Defined in: src/molecules/NotFound/NotFound.tsx:64

Paragraph component for the not found state. Provides additional context and instructions to the user.

Parameters

Parameter	Type
__namedParameters	DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>>

Returns

Element

---

NotFoundAction()

function NotFoundAction(props): Element;

Defined in: src/molecules/NotFound/NotFound.tsx:81

Action component that provides navigation options from the not found state. Renders as a small button.

Parameters

Parameter	Type
props	NotFoundActionProps

Returns

Element

---

NotFound()

function NotFound(__namedParameters): Element;

Defined in: src/molecules/NotFound/NotFound.tsx:120

A complete 404 page component for handling non-existent resources.

Ensures consistent error messaging and clear navigation options.

Parameters

Parameter	Type
__namedParameters	NotFoundProps

Returns

Element

Example

// Basic usage
<NotFound
  entityName="user"
  backPage={{ name: "users list", href: "/users" }}
/>