ErrorPage

Large error code with title, description and recovery actions.

Jump to API reference

Import

Vue
import { UiErrorPage } from '@ziyarago/ui/vue'

404

404Page not foundThe page may have moved. Check the address or go back.
Vue
<UiErrorPage
  code="404"
  title="Page not found"
  description="The page may have moved. Check the address or go back."
 />

500

500Server errorSomething broke on our side. Please try again shortly.
Vue
<UiErrorPage
  code="500"
  title="Server error"
  description="Something broke on our side. Please try again shortly."
 />

API reference

Full-page error with a large code, title and description; use for 404, 500 and similar screens.

Props

PropType and valuesDefaultDescription
codestring'404'Large number shown on top.
titlestring'Page not found'Heading.
descriptionstring'The page may have moved. Check the address or go back.'Supporting text.

Slots

Vue: named slots. React: a prop with the same name; default is children.

defaultActions (buttons) shown under the text.