value | number | LocalizedMessage | DisplayValue | — | The tally to show. A number is formatted with locale digit grouping and no decimals, and its digits roll to
each new value. A string is rendered as given, for a value the caller already formatted such as an
abbreviation; it never rolls. |
className | string | — | Classes appended after the generated classes. Use it to place the counter, for example to pin it
over the control it counts. Put overrides in @layer chroma.overrides. |
color | CounterColor | — | Fill and numeral color. {@link CounterColor.Selected} paints --color-accent-fg with
--color-fg-transient-default. {@link CounterColor.Resting} paints --color-fill-strong with
--color-fg-default. {@link CounterColor.Destructive} paints --color-status-destructive-solid
with --color-status-destructive-on-solid, for an urgent count. Defaults to {@link CounterColor.Selected}. |
locale | string | — | BCP 47 locale for formatting a numeric value. Defaults to the runtime locale, so a server
rendered app that must match the client passes it explicitly. |
ref | Ref<HTMLSpanElement> | — | Ref to the rendered span. |
roll | boolean | true | Roll the digits of a numeric value to each new number. false renders the number as static text. A string
value is always static. |
size | CounterSize | — | Height, padding, and type role. Defaults to {@link CounterSize.Regular}. |