Issue Detail 2 - Sub-issues and linked pull requests

An issue view focused on breakdown: a header with progress ring, a checklist of sub-issues you can toggle and add to, and a list of linked pull requests with review status. Use it for epics, parent tickets or any issue tracked across several code changes.

About Issue Detail 2

An issue view focused on breakdown: a header with progress ring, a checklist of sub-issues you can toggle and add to, and a list of linked pull requests with review status. Use it for epics, parent tickets or any issue tracked across several code changes.

Issue Detail 2 is a free issue detail block for React, built on shadcn/ui and Tailwind CSS. It ships as 138 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.

  • issue
  • sub-issues
  • pull requests
  • epic
  • checklist
  • engineering

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-detail-02

Dependencies installed automatically: lucide-react.

Uses: badge, button, input, reveal, utils.

Usage

import IssueDetail02 from "@/components/blocks/issue-detail-02"

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

FAQ