RACI chip

Pro

Who owns a process or document, as R/A/C/I chips. The letter is spelled out for screen readers and on hover.

Preview

Install

With the Candor CLI

First time? Get started sets up the registry and theme. Or with shadcn directly: npx shadcn@latest add @candor/raci-chip

Brings in: know, locale, utils

Usage

TSX · The example above

"use client"

import { RaciChips } from "@/components/raci-chip"

export default function Example() {
  return (
    <RaciChips
      people={[
        { role: "R", who: "Dana" },
        { role: "A", who: "Priya" },
        { role: "C", who: "Platform team" },
        { role: "I", who: "Support leads" },
      ]}
    />
  )
}

<RaciChips>

Prop	Type	Default	Description
peoplerequired	`RaciAssignment[]`	—	Who holds which role; shown Accountable first, then Responsible, Consulted, Informed.
className	`string \| undefined`	—	Extra classes for the outer element.

Strings

The fixed words, in English by default. Change any of them under raciChip in <LocaleProvider strings={{ … }}>; the table is exported as raciChipStrings.

Key	English
ownership	Ownership
R	Responsible
A	Accountable
C	Consulted
I	Informed
assignment	{role}: {who}
role	{role}: