Feedback Error Pages
Nonexistent route after changing a panel's link structure.
About this block
What it's for
- Nonexistent route after changing a panel's link structure.
- API failure with a request identifier to open a ticket.
- Loss of connection in an application used from a phone.
Includes
- Http error presentation
- Offline detection
- Maintenance window
- User initiated retry
- Recovery navigation
- Support diagnostics
Works with
- Radix UI primitives (the registry variant it ships in)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
Agentic UI CLI
agentic-ui add feedback-error-pagesInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/feedback-error-pagesUsed in
A standalone component: drop it into any screen.
- Type
- Block
- Variants
- Radix UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- npm packages
lucide-react- Registry dependencies
lib-primitives- Files
5 files
- components/agentic-ui/feedback-error-pages/index.tsx
- components/agentic-ui/feedback-error-pages/types.ts
- components/agentic-ui/feedback-error-pages/lib/variant-presets.ts
- components/agentic-ui/feedback-error-pages/use-error-page.ts
- components/agentic-ui/feedback-error-pages/feedback-error-pages.tsx
Related components
Feedback Announcement Banner
Informational notice of a planned maintenance window with a link to the calendar.
Details and live previewFeedback Empty State
Invoice table with no records that offers to create the first one or import a CSV.
Details and live previewFeedback Onboarding Tour
Guided welcome tour for new users in a SaaS dashboard.
Details and live previewA11y Contrast Badge
Check in the browser whether the theme palette meets AA before opening the PR.
Details and live preview