{ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json", "name": "number-wheel", "type": "hyperframes:component", "title": "Number Wheel", "description": "A rolling digit counter primitive for metrics, prices, counts, and scoreboards", "tags": ["video-primitive", "motion-primitive", "number", "counter", "data"], "files": [ { "path": "number-wheel.html", "target": "compositions/components/number-wheel.html", "type": "hyperframes:snippet" } ], "variables": [ { "id": "spin", "type": "enum", "role": "motion", "label": "Spin", "description": "How many full 0 to 9 revolutions each column adds before it lands, which is how far the reel travels in the same time.", "default": "single", "options": [ { "value": "single", "label": "Single" }, { "value": "double", "label": "Double" }, { "value": "triple", "label": "Triple" } ] }, { "id": "spacing", "type": "enum", "role": "layout", "label": "Spacing", "description": "Gap between the digit columns.", "default": "standard", "options": [ { "value": "tight", "label": "Tight" }, { "value": "standard", "label": "Standard" }, { "value": "wide", "label": "Wide" } ] }, { "id": "tone", "type": "enum", "role": "style", "label": "Tone", "description": "Digit colour: inherit keeps the surrounding text colour, ink suits light frames, paper suits dark ones, accent rides --brand.", "default": "inherit", "options": [ { "value": "inherit", "label": "Inherit" }, { "value": "ink", "label": "Ink" }, { "value": "paper", "label": "Paper" }, { "value": "accent", "label": "Accent" } ] } ], "preview": { "poster": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/number-wheel.png" } }