<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: components/velin-counter.js -->

# <velin-counter>

Source: `components/velin-counter.js`

## Description
<velin-counter from="0" to="61840" duration="900" format="currency" currency="EUR">

Animated count-up/down using requestAnimationFrame plus an exponential
ease-out for the classic "money fly-in" effect. Renders the current value
as text content inside the element (light DOM), so it inherits typography
tokens automatically.

Attributes:
  from        starting value (default 0)
  to          target value
  duration    ms (default 900)
  decimals    fixed decimal places
  prefix      string before the number
  suffix      string after the number
  format      "number" (default) | "currency" | "percent"
  currency    ISO code (default EUR), used when format=currency
  locale      BCP47 locale (default browser default)
  autostart   "false" disables auto-start on connect/intersect

Public API:
  start(): runs the animation from `from` to `to`.
  reset(): jumps back to `from` without animating.

## Accessibility
WCAG contract status: **pass** (framework target: AAA).

- **Roles:** `status`
- **Keyboard:** N/A
- **Live region:** `polite`
- **Reduced motion:** honored

## Attributes
| Attribute | Notes |
| --- | --- |
| `from` | Observed — triggers `attributeChangedCallback` when changed |
| `to` | Observed — triggers `attributeChangedCallback` when changed |
| `duration` | Observed — triggers `attributeChangedCallback` when changed |
| `decimals` | Observed — triggers `attributeChangedCallback` when changed |
| `prefix` | Observed — triggers `attributeChangedCallback` when changed |
| `suffix` | Observed — triggers `attributeChangedCallback` when changed |
| `format` | Observed — triggers `attributeChangedCallback` when changed |
| `currency` | Observed — triggers `attributeChangedCallback` when changed |
| `locale` | Observed — triggers `attributeChangedCallback` when changed |
## Events
_None._
## CSS parts
_None._
## Slots
_None._
## Public API
| Kind | Name |
| --- | --- |
| Method | `reset()` |
| Method | `start()` |
