components / lane-bar
lane-bar.
multi-lane sibling of now-playing-bar: several activities running in parallel, each with a live elapsed timer and its own action slot, all driven by one shared tick.
lanes
nothing running
installation
bunx @justin06lee/chrome@latest add lane-barprops
| name | type | default | description |
|---|---|---|---|
| lanes * | Lane[] | - | { id, title, subtitle?, startedAt?, accent?, actions? }[] — activities running in parallel, top to bottom. a lane without startedAt reads as paused. |
| onLaneClick | (id: string) => void | - | click handler for a lane row; omit to make rows inert. |
| actions | ReactNode | - | right-side slot on the header row, applying to every lane. |
| label | ReactNode | 'lanes' | mono label on the header row; the lane count is appended. |
| emptyLabel | ReactNode | 'nothing running' | copy shown when lanes is empty. |
| visible | boolean | true | hide the bar and tear down the shared timer. |
| position | 'fixed' | 'sticky' | 'fixed' | pin to the viewport or to the scroll container. |
| className | string | - |