Numbers and data

Number

A number the way a reader wants it: money, compact, percent, time. Missing is "–", never 0.

openvibe-shared/kitJSON

Build it

[kit.num(12.5, 'money'), kit.num(0.027, 'money'), kit.num(1234567, 'compact'), kit.num(0.375, 'percent'), kit.num(2400, 'ms'), kit.num(null, 'int')].join(' · ')

Props

v
any
fmt
string?

Anatomy

  • numA number the way a reader wants it: money, compact, percent, time. Missing is "–", never 0.

Behaviour and access

Keyboard
Standard focus order
Outside tap
Leaves it open
Scroll
The page still scrolls
Reduced motion
Remove movement; keep the state change.
Name
Number
Target
At least 44 × 44 px on touch
Focus
Visible keyboard focus; follow reading order

States

  • default

Tokens

  • color.accent.base
  • color.text.primary

Android · Jetpack Compose

Material 3 Number

Use Number in Jetpack Compose with the shared tokens.

iOS · SwiftUI

Use Number in SwiftUI with the shared tokens.

Markup

Default

$12.50 · $0.027 · 1.2M · 0.4% · 2.4 s · –