Statistic
Displays statistical values with Intl.NumberFormat thousands separators and precision (locale-aware), supporting prefix/suffix and a skeleton loading placeholder.
Basic Usage
Basic value
Thousands Separator and Precision
Thousands separator + precision
Prefix / Suffix
prefix / suffix
Disabling Thousands Separator
group-separator=false
Loading State
loading (reuses skeleton)
Font Size
Font size is fixed at --oas-font-size-lg (16px) by default and does not follow the outer context; override with the CSS variable --oas-statistic-font (e.g. 32px).
Complex Prefix / Suffix (slot distribution)
slot=prefix / slot=suffix
Use the prefix / suffix attributes for simple text; for complex content (icons/tags/badges etc.) distribute via the same-named slot="prefix" / slot="suffix" slots — distributed content natively replaces the attribute text.
API
Attributes
| Attribute | Description | Type | Default |
|---|---|---|---|
group-separator | Thousands grouping ("false" disables) | string | true |
loading | Loading state (skeleton placeholder) | boolean | — |
precision | Decimal places (rounded) | string | 0 |
prefix | Prefix / suffix text | string | — |
suffix | Prefix / suffix text | string | — |
value | Numeric value (number string) | string | 0 |
Slots
| Name | Description |
|---|---|
prefix | Leading content (icons/tags etc.; distributed content takes precedence over the prefix attribute text). For simple text use the prefix attribute |
suffix | Trailing content (icons/tags etc.; distributed content takes precedence over the suffix attribute text). For simple text use the suffix attribute |
No events (purely presentational).