Project List

A React projects list with a page header and new project button, and bordered rows that show each project name with an active or paused status badge.

src/registry/blocks/project-list.tsx/r/project-list.json

Installation#

bash
npx shadcn@latest add @minidev/project-list

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/project-list.json

Usage#

tsx
import { ProjectList } from "@/components/ui/project-list"

export function Example() {
  return <ProjectList />
}

API reference#

ProjectList takes no props. It ships with realistic sample content: install it, then edit the copy and data in the file directly. The file is yours.

Dependencies#

npm

React only
All dashboard components

Learn more