NotFound

Storybook

Go to Story

NotFoundProps

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

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:84
backPage.name	ReactNode	-	src/molecules/NotFound/NotFound.tsx:85
backPage.href	string	-	src/molecules/NotFound/NotFound.tsx:86
entityName	ReactNode	Singular name of accessed entity. Example "user"	src/molecules/NotFound/NotFound.tsx:92
className?	string	-	src/molecules/NotFound/NotFound.tsx:93

---

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:33

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:47

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:58

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:71

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:110

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" }}
/>