Heroes & Sections

Error / 404 State Section

Centred full-page error state with a large code, message and primary/secondary actions.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add error-state-section

Built for astro.

Full docs for Error / 404 State Section →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0

Error / 404 State Section

This page packed up and left

The page you're looking for doesn't exist, or it moved somewhere we haven't linked yet.

Back to home Contact support

Props

Name	Type	Required	Default
code	string	No	'404'
title	string	Yes
sub	string	No
headingLevel	1 \| 2 \| 3 \| 4 \| 5 \| 6	Yes
primaryCta	{ label: string; href: string }	No
secondaryCta	{ label: string; href: string }	No
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/error-state-section/ErrorStateSection.astro

Using the Error / 404 State Section component

Install it with velocityx add error-state-section. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Error / 404 State Section

This page packed up and left

Props

File this creates

Using the Error / 404 State Section component

Related components