$type: "number"
primitive
Number Token
Number tokens represent a plain numeric value without any unit. The $value must be a JSON number (integer or floating point). Number tokens are useful for unitless values like opacity, line height multipliers, z-index values, or aspect ratios that don't map to a specific dimension unit.
Value Format
A JSON number (integer or float)
When to Use
Use number tokens for opacity levels, line-height scale values, z-index layers, and flex-grow/shrink ratios. They also work well for any numeric multiplier or scale factor that's shared across multiple components.
Valid Example
Valid JSON .json
{
"opacity": {
"subtle": {
"$value": 0.08,
"$type": "number",
"$description": "Barely visible overlay"
},
"disabled": {
"$value": 0.38,
"$type": "number"
}
},
"z-index": {
"modal": {
"$value": 1000,
"$type": "number"
}
}
} Paste the example above into the validator to test it yourself.
Open Validator