Dashboard 11 - People and HRPro
HR overview with headcount stats, a department donut, an upcoming new hires list and time-off requests with approve and decline actions.
About Dashboard 11
HR overview with headcount stats, a department donut, an upcoming new hires list and time-off requests with approve and decline actions.
Dashboard 11 is a pro dashboard block for React, built on shadcn/ui and Tailwind CSS. It ships as 114 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- hr
- people
- headcount
- time-off
- onboarding
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/dashboard-11Dependencies installed automatically: lucide-react.
Uses: avatar, badge, button, donut-chart, number-ticker, reveal, utils.
Usage
import Dashboard11 from "@/components/blocks/dashboard-11"
export default function Page() {
return <Dashboard11 />
}