NotFound

A page that does not exist: a title, a line saying so, and the ways on the app passes.

import { NotFound } from "@evolve-storefront/layout/not-found";

Preview

DefaultOpen in Storybook ↗

Usage

export default function NotFoundPage() {
  return (
    <NotFound>
      <SearchBar />
      <Link href="/">{t("home")}</Link>
    </NotFound>
  );
}

Props

Prop	Type	Description
headingLevel?	HeadingLevel
children?	ReactNode	The ways on: a search bar, a link home through the app's router.

Any other props go to the root element, like on a plain HTML element.