Skip to content

Error Template

Error Template defines the layout and styling of an error page, but not the content.


npm install @nib-components/error-template

Note: You will also need to install the peerDependencies @nib/icons and @nib-components/theme.


import ErrorTemplate from '@nib-components/error-template';

Interactive demo



title (required)stringThe error page title.
description (required)stringThe error page description.
showSmallHeaderMenubooleanfalseA pass-through prop to the showMenu prop in the SmallHeader component to be used in conjunction with smallLayout. By default the small header footer layout shows no menu in the header. Set to true to use the config provided by the variation.
variationstringarhiWhich version of the header/footer to use. One of arhi, nz, shareholders, international, foundation.
isCorporatebooleanfalseUse the corporate phone number from the variation config, if it exists. Otherwise use default.
invertSmallHeaderbooleanfalseWhether to apply the invert prop to the SmallHeader.
titleComponentstringThe underlying component of the error-template title.Must be one of h1, h2, h3, h4, h5, h6, div, label, span, header.
titleSizenumber or object1The size of the error-template title. Must be one of 1, 2, 3, 4, 5, 6. Can be made responsive by passing an object of breakpoints.
childrennodePlace any relevant content like buttons here. Since version 3.0.1 there is no max-width set on the element wrapping the children.