Skip to content

Import

import { GlobalError } from '@dnb/eufemia'

Description

The GlobalError is a simple component to integrate when a 404 or 500 has to be shown.

This page component is responsive and should be used as a client wide (fullscreen) component.

You may also take a look at how it behaves once 404 or 500 is used in an application.

Demos

To showcase the 404 status component

Vi finner ikke siden du leter etter …

Sikker på at du har skrevet riktig adresse? Eller har vi rotet med lenkene?

Feilmeldings-kode: 404

Code Editor
<GlobalError status="404" />

To showcase the 500 status component

Beklager, her skjedde det noe feil!

Tjenesten fungerer ikke slik den skal for øyeblikket, men prøv igjen senere.

Feilmeldings-kode: 500

Code Editor
<GlobalError status="500" />

To showcase a custom status code

Access Denied

More related text

Feilmeldings-kode: 403

Her er noen lenker som kanskje kan hjelpe:

Additional Content
Code Editor
const links = [
  {
    text: 'Forside',
    url: 'https://www.dnb.no/',
  },
  {
    text: 'Forsikring',
    url: 'https://www.dnb.no/forsikring/',
  },
  {
    text: 'Sparing',
    url: 'https://www.dnb.no/sparing/',
  },
  {
    text: 'Lån',
    url: 'https://www.dnb.no/lan/',
  },
  {
    text: 'Kontakt',
    url: 'https://www.dnb.no/hjelp-og-veiledning/',
  },
]
render(
  <GlobalError
    status="403"
    title="Access Denied"
    text="More related text"
    links={links}
  >
    Additional Content
  </GlobalError>,
)