Dashboards

Admin table empty, loading, and error states

We earn commissions when you shop through the links below.

The Admin Dashboard Kit expects a table to render an empty state, a loading state, and an error state instead of a blank panel.

1 min read

The Admin Dashboard Kit is a shell: sidebar, a sample table, and an SVG bar chart. The chart is not live analytics. The table is sample rows you replace.

The states that should stay are the ones around the table. Empty means the query returned no rows, so the panel explains that instead of showing an empty <tbody>. Loading means the request is in flight. Error means it failed, with the message near the table rather than an uncaught exception.

Those three are easy to delete when you wire a real API and then painful to rebuild. Keep them when you swap the sample data. The surrounding layout is building a React admin dashboard. How this shell sits next to a billed account is SaaS dashboard architecture. If you are still deciding whether you need the shell or the billed product dashboard, start with the SaaS dashboard template page.

Do not present the sample chart as revenue. It is a placeholder graphic.

Product updates for developers shipping with Designyff kits.

Guides: Next.js, Stripe, and SaaS starter kits Professional website design for small businesses

Purchased source may be used in personal, commercial, and client projects. Do not redistribute or resell the original source. Terms of Service Privacy Policy

Designyff © 2026 | Starter kits for developers