Skip to content
Home

GlobalError (404)

Info
Demos
Properties

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.

Relevant links

Demos

To showcase the 404 status code 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 statusCode="404" />

To showcase the 500 status code 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 statusCode="500" />

To showcase a custom status code component

Access Denied

More related text

Feilmeldings-kode: 403

Her er noen lenker som kanskje kan hjelpe:

ForsideForsikringSparingLånKontakt

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
    statusCode="403"
    title="Access Denied"
    text="More related text"
    links={links}
  >
    Additional Content
  </GlobalError>,
)