Page
Full-page layouts and page shell components
Components for full-page layouts and page structures.
Prerequisites
- Install the packages
npm install \
@tetherto/mdk-react-devkit \
@tetherto/mdk-react-adapter \
@tetherto/mdk-ui-foundationInstall zod@^4.6.6 first. @tetherto/mdk-react-devkit@0.12.1 declares zod@^4.6.6 as a peer while its
@hookform/resolvers peer pulls a chain that pins zod 3, so the command above aborts with ERESOLVE in a project that
has no zod. Installing zod 4 at the project root resolves it:
npm install zod@^4.6.6- 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
| Prop | Status | Type / Options | Default | Description |
|---|---|---|---|---|
className | Optional | string | - | Additional CSS class name |
message | Optional | string | "The page you are looking for does not exist." | Message displayed below the title |
onGoHome | Optional | VoidFunction | - | Callback fired when the "Go Home" button is clicked |
title | Optional | string | "404" | Page title |