UIPKGE/blocks/progress-breakdown

Progress Breakdown · UIPKGE

Labeled progress bars in a SectionCard. Spell rows out inline with ProgressItem — each bar takes colorIndex to cycle through chart-1..5 colors.

npx shadcn@latest add https://uipkge.dev/r/react/progress-breakdown.json

Loading the source for progress-breakdown…

progress-breakdown

Registry Items

progress-breakdown

Configuration

Name

progress-breakdown

Type

Block

Description

Labeled progress bars in a SectionCard. Spell rows out inline with ProgressItem — each bar takes colorIndex to cycle through chart-1..5 colors.

Files · 1

Dependencies

npm packages

lucide-react

Registry items

https://uipkge.dev/r/react/section-card.json

https://uipkge.dev/r/react/progress-item.json