Content & Dashboard
Task / Checklist Card
Card of checkable tasks with a done/total count, supporting both internal state and parent-controlled toggling.
$ velocityx add task-checklist-card
Built for react.
Needs react already installed
as a peer dependency.
An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.
Full docs for Task / Checklist Card →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Spin-up checklist
1/4Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | string | No | 'Spin-up checklist' | |
| tasks | { id, label, done? }[] | Yes | ||
| onToggle | (id) => void | Yes | optional — if provided, parent owns state | |
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/task-checklist-card/TaskChecklistCard.jsxUsing the Task / Checklist Card component
Install it with velocityx add task-checklist-card.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Content & Dashboard.
Client-filtered blog index grid driven by a category pill row built from the posts data.
reactMonth calendar grid with prev/next navigation, locale-aware weekday/month labels via Intl, and per-day event dots.
reactStyled pre/code block with a filename bar and a copy button with a real success state, no syntax highlighter bundled.
reactShare-to-platform link row (X, LinkedIn, Facebook, Email) plus a copy-link button with a real success state.
react