Vertical Capability Spine
An expandable capability accordion laid along a vertical workflow rail — each item is a node dot on a 1px connector line; the open item lights its node cyan and glows its panel while closed items stay quiet and monochrome.
A "Live Workflow Canvas" capability section: an expandable accordion of capabilities strung along a vertical connector rail. Opening a capability lights its node dot cyan and reveals the concrete deliverables that ship — one focused signal per surface, everything else quiet obsidian.
npx shadcn@latest add @vandoko/vkb-feat-24Usage
import { VkbFeat24 } from "@/components/vkb-feat-24";
export default function Page() {
return <VkbFeat24 />;
}All copy and the capability list are overridable via props. Each capability accepts an id, label, summary, and a deliverables string array; set defaultOpen to the id you want expanded on load.
Related Components
Sprint Pipeline Feature Band
A full-bleed dark feature band that renders an end-to-end sprint as one horizontal pipeline — stage nodes threaded by a single connector rail with exactly one cyan-active node.
Editorial Feature Statement
A type-led editorial feature section: a single sub-display positioning statement with a lone cyan signal phrase, generous left-aligned space, and one supporting detail row of oversized numerals that count up on view.