Feedback Empty State
Invoice table with no records that offers to create the first one or import a CSV.
About this block
What it's for
- Invoice table with no records that offers to create the first one or import a CSV.
- Filtered search that returns no matches and echoes the search term.
- Reports panel that fails to load and offers a retry next to the request-id for support.
For full-page navigation error pages 404, 500, offline or maintenance, use Feedback Error Pages. For validation errors of a field inside a form, use Form Validation Summary.
Includes
- Empty state
- No results state
- Error recovery
- Permission notice
- First use onboarding
- Archived state
- Query echo
- Primary action
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-empty-stateInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/feedback-empty-stateUsed 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.
- Motion
- Animated, with a reduced-motion fallback
- npm packages
lucide-react- Registry dependencies
lib-primitives- Files
4 files
- components/agentic-ui/feedback-empty-state/index.tsx
- components/agentic-ui/feedback-empty-state/variants.ts
- components/agentic-ui/feedback-empty-state/types.ts
- components/agentic-ui/feedback-empty-state/icons.tsx
Related components
Feedback Announcement Banner
Informational notice of a planned maintenance window with a link to the calendar.
Details and live previewFeedback Error Pages
Nonexistent route after changing a panel's link structure.
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