Setup check row
One item in a setup / readiness checklist: a leading status glyph (pending / checking / ok / fail / skipped), title + description, and a trailing action slot. The host owns the checking; the row announces state changes via an sr-only status word.
Included in the single kansho full pack. Components are not offered as separate installs.
Interactive
Re-check flips pending → checking → ok/failStates
pending · checking · ok · fail · skippedComponent documentation
Setup Check Row
components/shell/setup-check-row.tsxPurpose
Reports one setup prerequisite with progress, result detail, and an optional recovery action.
Appropriate use
Use in installation or readiness checklists where each automated check has a clear named outcome.
Example
components/shell/setup-check-row.tsx has a representative live example in the "Interactive" section on /components/setup-check-row.
States
Supports pending, checking, ok, fail, and skipped states, optional descriptions, and an optional action.
API and props
SetupCheckRow accepts status, title, description, action, and className.
Dependencies
React, Lucide icons, Spinner, and the Kansho cn utility.
Accessibility
Announces status changes through a polite live region, includes screen-reader status text, and hides decorative status icons.
Limitations
It displays one caller-controlled check only and does not run checks, sequence steps, retry automatically, or calculate overall readiness.
Source
Source: components/shell/setup-check-row.tsx.
Full pack
components/shell/setup-check-row.tsx is documented at /components/setup-check-row and installs only through the single Kansho full pack; no individual component install is offered.