# Release Readiness block

> Release readiness kanban board with risk badges, checklist progress, and drag-and-drop change cards

Six-column pipeline (Intake to Shipped) with draggable change cards showing risk badge, service, environment, owner avatar, launch window, and checklist progress. ReUI Kanban, Frame, Badge plus shadcn Item, Avatar, Progress. Deploy and release board.

- Type: Pro block
- Category: [Kanban Board](https://web.dev.reui.io/blocks/application/kanban-board.md)
- Page: https://web.dev.reui.io/blocks/application/kanban-board/kanban-board-8
- Docs (Base UI): https://web.dev.reui.io/docs/components/base/kanban.md
- Docs (Radix UI): https://web.dev.reui.io/docs/components/radix/kanban.md
- MCP: `get_block("kanban-board-8")`
- Built with: Avatar, Badge, Button, Frame, Item, Kanban, Progress
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

Change cards with a service name, an environment badge, a UTC launch window and a checklist bar computed from checks done

## Agent notes

- Replace `INITIAL_RELEASE_CHANGES`, `RELEASE_COLUMNS`, `OWNERS` and `SERVICES` in data.tsx with your change records
- The checklist bar derives its percent from `checksDone` over `checksTotal`, so send both counts per change
- The Filters, Windows and New change buttons in `BoardToolbar` and every column add button render with no click handler

## When not to use

- Shipping work ranked by customer votes and impact, not readiness checks: use [Feature Roadmap Votes](https://web.dev.reui.io/blocks/application/kanban-board/kanban-board-4.md) (`get_block("kanban-board-4")`)

## Third-party libraries

- Base UI v1: [API reference](https://base-ui.com/react/components), [docs](https://base-ui.com/react/overview/quick-start), [llms.txt](https://base-ui.com/llms.txt)
- dnd kit v6: [API reference](https://dndkit.com/legacy/api-documentation/context-provider/dnd-context/), [docs](https://dndkit.com/legacy/introduction/getting-started/), through ReUI Kanban (these are the Legacy docs; dndkit.com's default docs cover the newer @dnd-kit/react, a different API)

## Install

```bash
npx shadcn@latest add @reui/kanban-board-8
```

## About Kanban Board blocks

### When to use

- A full page drag and drop board with a toolbar above stage columns that show their card counts
- A board written for one workflow: bugs, deals, roadmap, support, renewals, releases, hiring or access reviews
- Stage triage where each card shows a due, risk, priority, score or progress signal without opening it

### When not to use

- A bare drag and drop board to build your own columns and cards on: use [Kanban](https://web.dev.reui.io/components/kanban.md) (`get_component("kanban")`)
- A sales workspace where the deal board shares records with a table, sheet or calendar: use the [CRM blocks](https://web.dev.reui.io/blocks/solutions/crm.md)
- The same work items as rows to sort, filter and page, with no stage columns: use the [Base blocks](https://web.dev.reui.io/blocks/data-grid/base.md)

### Agent notes

- Board order lives in `useState` seeded from data.tsx and `onValueChange` only writes it back, so every move is lost on reload
- Filters, the create button and every other toolbar or column add button render without an `onClick` handler
- A `KanbanColumnHandle` in the column header lets users reorder stages by drag; remove it where stage order is fixed

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.