Fernworks Model 3
KQ-748 · STREAM/BRANCH
Stream Branch
Two answers to one prompt racing in split panes, each behind a rail that fills to its progress on glide; the pane that lands first takes a First stamp on recoil. Keep lifts the chosen pane on snap and folds the other away, its measured height gliding to zero while the grid closes to one column, and Compare again unfolds it. Keep and Compare again are real buttons, so Tab reaches them and Enter or Space presses.
KQ-748 · STREAM/BRANCH
Gaugeworks Reasoner
Waiting · press race
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/stream-branch
Props
- branches
- [StreamBranchItem, StreamBranchItem]
- default —
- Exactly two branches: { id, model, text, landed }. Drive landed from your streams.
- playing
- boolean
- default false
- Whether the streams are live; sets aria-busy on unfinished panes.
- picked / defaultPicked
- string | null
- default null
- Controlled or initial kept branch id; null while comparing.
- onPickedChange
- (id: string | null) => void
- default —
- Fires from the Keep press with the id, or from Compare again with null.
- label
- string
- default —
- Names the pair for assistive technology.
| Prop | Type | Default | Description |
|---|---|---|---|
| branches | [StreamBranchItem, StreamBranchItem] | — | Exactly two branches: { id, model, text, landed }. Drive landed from your streams. |
| playing | boolean | false | Whether the streams are live; sets aria-busy on unfinished panes. |
| picked / defaultPicked | string | null | null | Controlled or initial kept branch id; null while comparing. |
| onPickedChange | (id: string | null) => void | — | Fires from the Keep press with the id, or from Compare again with null. |
| label | string | — | Names the pair for assistive technology. |