status states
TuxErrorPage
error.vue Nuxt route in consuming apps, or inline via the inline prop. 404 \u00b7 default
Not found
system response
Page Not Found
The requested route has moved, been retired, or never existed in the TUX ecosystem. Use the links below to return to safety or search the catalog.
Need assistance? Contact TTI Help Desk (979-317-2000) or check the Component Health Matrix.
<tux-error-page code="404" />500 \u00b7 with support slot
Server error
system response
Internal System Error
An unexpected server condition halted this request. Automated telemetry has recorded this exception for the TTI DevOps team. Try refreshing the page.
<tux-error-page code="500">
<template #support>
Need help? File a ticket at
<a href="https://helpdesk.tti.tamu.edu" class="link-tti">helpdesk.tti.tamu.edu</a>
or call (979) 317-2345 · incident #INC-029141.
</template>
</tux-error-page>403 \u00b7 custom copy + actions
Override defaults
system response
Restricted to TTI sponsors
This corridor study is gated to TxDOT · FHWA sponsors. Sign in with a sponsor account.
Need assistance? Contact TTI Help Desk (979-317-2000) or check the Component Health Matrix.
<tux-error-page
code="403"
title="Restricted to TTI sponsors"
lede="This corridor study is gated to TxDOT · FHWA sponsors. Sign in with a sponsor account."
:actions="[
{ label: 'Sign in as sponsor', to: '/sign-in?role=sponsor', intent: 'primary', icon: 'lucide:log-in' },
{ label: 'Public dashboards', to: '/dashboards', intent: 'ghost', icon: 'lucide:bar-chart-3' },
]"
/>notes
As a Nuxt error route
For app-level errors, drop into app/error.vue and forward the Nuxt error object's statusCode: <TuxErrorPage :code="String(error.statusCode)" />. Defaults are provided for 404 / 500 / 403 / 503; anything else falls back to a generic template.