Release readiness
ProA launch checklist that keeps prerequisites, progress, and the final action together.
Live block · sample data
- A pre-launch or handoff gate where several checks must be done before one action unlocks.
- Release or launch checklists with a readiness bar and owners.
- Handoffs that should optionally notify people when the action runs.
- Use onboarding-checklist for a user's own getting-started tasks.
Installation
Pro source and install commands unlock with a Pro plan.
Usage
Use this before a release or handoff. Replace the sample checklist and completion callback with your product data.
example.tsx
import { ReleaseReadiness } from "@/components/arc/blocks/release-readiness/release-readiness"; export function ReleasePanel() { return <ReleaseReadiness onRelease={() => startRelease("2.4")} />;}ReleaseReadiness
A release checklist with a readiness bar, a notify switch, and a release action that unlocks once every check is done. The four checks are sample data defined in the file.
PropTypeDefaultDescription
onRelease() => void | Promise<void>–Called when the release button is pressed. Awaited; a thrown error shows an inline alert.- The completed count lives in an aria-live="polite" region.
- Success is announced with role="status" and failures with role="alert".
- Checks use the library Checkbox, so each has a real label.
- The completed count swaps with a 5px rise and fade.
- Reduced motion sets the transition duration to zero.
- Below 700px the summary narrows to a tighter two-column header.
- Below 520px the summary and the two-column task grid collapse to one column, and actions stack.
- Four checkboxes and one progress bar; state updates are local and cheap.
- The task list is a plain array with no virtualization, which is fine for a checklist of this size.
Notes for AI
Give your coding assistant the Markdown reference instead of screenshots.
- Use for a pre-launch or handoff gate where several conditions must be true before one action.
- Replace the tasks array, initialChecks, and the hard-coded release name and avatars.
- Wire onRelease to your deploy or handoff call.
- Composes Arc Avatar, Button, Checkbox, Progress, and Switch.
The full library index for assistants is at /llms.txt.
