Issue List 2 - Table with removable filter chipsPro

Issues table with a filter menu that adds status, priority and assignee filters as removable chips above the table, plus priority arrows, status badges and assignee avatars per row. Use it when teams need to quickly narrow a long backlog by several dimensions at once.

About Issue List 2

Issues table with a filter menu that adds status, priority and assignee filters as removable chips above the table, plus priority arrows, status badges and assignee avatars per row. Use it when teams need to quickly narrow a long backlog by several dimensions at once.

Issue List 2 is a pro issue list block for React, built on shadcn/ui and Tailwind CSS. It ships as 135 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.

  • issues
  • table
  • filters
  • chips
  • backlog
  • tracker

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/issue-list-02

Dependencies installed automatically: lucide-react.

Uses: avatar, badge, button, dropdown-menu, reveal, table, utils.

Usage

import IssueList02 from "@/components/blocks/issue-list-02"

export default function Page() {
  return <IssueList02 />
}

FAQ