MDK Logo

Page Components

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

Props

PropTypeRequiredDefaultDescription
onGoHomeVoidFunction | undefined-Callback fired when the "Go Home" button is clicked
titlestring | undefined"404"Page title
messagestring | undefined"The page you are looking for does not exist."Message displayed below the title
classNamestring | undefined-Additional CSS class name

On this page