Issue List 4 - Compact my-issues widgetPro

A compact dashboard card listing the issues assigned to you, switchable between assigned, created and subscribed, with project dot, status icon and a due-date chip that turns destructive when overdue. Use it on a personal home or dashboard sidebar to surface what needs your attention today.

About Issue List 4

A compact dashboard card listing the issues assigned to you, switchable between assigned, created and subscribed, with project dot, status icon and a due-date chip that turns destructive when overdue. Use it on a personal home or dashboard sidebar to surface what needs your attention today.

Issue List 4 is a pro issue list block for React, built on shadcn/ui and Tailwind CSS. It ships as 107 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
  • widget
  • card
  • dashboard
  • compact
  • my-work

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-04

Dependencies installed automatically: lucide-react.

Uses: card, reveal, utils.

Usage

import IssueList04 from "@/components/blocks/issue-list-04"

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

FAQ