Scroll DNA
NavigationSIGNATURE
A DNA-strand scroll navigator with interactive scrubbing. Click any bar to jump, drag to scrub, section dots mark waypoints, and a floating card shows context + copyable code. Praxys Signature.
Loading preview...
Customize
Bar Count32
Color
#E84E2D
Props
| Prop | Type | Default | Description |
|---|---|---|---|
sections | Section[] | [] | Array of { id, label, code? }. Each id must match an element on the page. code is shown in the floating card. |
barCount | number | 32 | Number of vertical bars in the barcode visualizer. |
color | string | '#E84E2D' | Fill color for active bars, section dots, and code text. |
containerRef | RefObject<any> | undefined | Scroll container ref. Omit to track window scroll. |
className | string | '' | Additional CSS classes on the root wrapper. |