@berlitz/not-found-layout v3.4.3
NotFoundLayout 
The Not Found Layout component has been ported over from our first berlitz USA website. As a result we now have a reusable Not found template we can use for any future websites that require a 404 not found page. This currently takes 4 props. Heading, Subheading below the main heading, a content block of text, and backLink to take the user back home base on the prefix.
Installation
yarn add @berlitz/not-found-layout
Props
Argument | Type | Required | Default | Example |
---|---|---|---|---|
heading | string | "404" | ||
subheading | string | "Page not Found" | ||
contentBlock | string | |||
backLink | node | ✅ | {backLink.title} |
exampleData.js
export default {
heading: '404',
subheading: 'Page not Found',
contentBlock:
'<p>We’re all for adventure… but this one has led you to a dead end.</p>',
backLink: {
label: 'Back to home',
link: '/en-de',
},
}
Usage
import React from 'react'
import NotFoundLayout from '@berlitz/not-found-layout'
const BackLink = () => <Link href={backLink.url}>{backLink.title}</Link>
const MyApp = () => (
<NotFoundLayout
heading={heading}
subheading={subheading}
contentBlock={contentBlock}
backLink={<BackLink />}
/>
)
When to use this component
404 Pages
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago