Blocks
Dashboard states for empty data, pending loads, and failures.
Installation
Registry CLI
Requires a one-time components.json registry entry for @feature-kit/blocks-app-states.
pnpm dlx shadcn@latest add https://feature-kits.vercel.app/r/blocks-app-states.jsonNamespaced: npx shadcn@latest add @feature-kit/blocks-app-states
Manual installation
Monorepo consumers can depend on workspace:* packages instead of the registry CLI.
pnpm add layout data-table uiDependencies
// apps/your-app/package.json
"dependencies": {
"layout": "workspace:*"
"data-table": "workspace:*"
"ui": "workspace:*"
}Transpile (Next.js)
// next.config.ts
transpilePackages: ["layout", "data-table", "ui"]Import
import { AppStatesBlock } from "@/components/blocks/app-states-block"