MDK Logo

Page

Full-page layouts and page shell components

Components for full-page layouts and page structures.

Prerequisites

  • Complete the installation

  • Add the dependency to your app's package.json
{
  "dependencies": {
    "@tetherto/mdk-react-devkit": "*",
    "@tetherto/mdk-react-adapter": "*",
    "@tetherto/mdk-ui-foundation": "*"
  }
}

Run npm install from the mdk/ui workspace root after your app is under apps/ so npm links workspace packages.

  • Import styles: import '@tetherto/mdk-react-devkit/styles.css'

Components

@tetherto/mdk-react-devkit

Import the public APIs on this page from @tetherto/mdk-react-devkit.

NotFoundPage

Full-page 404 view with a heading, supporting copy, and a primary call-to-action back to safety

agent-ready

Source

https://github.com/tetherto/mdk/blob/main/ui/packages/react-devkit/src/primitives/components/not-found-page/index.tsx

Props

PropStatusType / OptionsDefaultDescription
classNameOptionalstring-Additional CSS class name
messageOptionalstring"The page you are looking for does not exist."Message displayed below the title
onGoHomeOptionalVoidFunction-Callback fired when the "Go Home" button is clicked
titleOptionalstring"404"Page title

On this page