Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA completion ring split into done, in progress and to do, with a legend of counts and the percentage complete in the middle.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when you summarise a project, sprint or checklist in a card where counts matter more than a timeline.
Do not use it when tasks have weights or dates that matter (use a burndown chart).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
done | number | required | - |
inProgress | number | required | - |
todo | number | required | - |
title | string | optional | - |
The pattern ships with a Testing Library test (ring-progress-task-status.test.tsx) that covers the centre percentage, the legend counts, the ring name and an empty project.