Skip to content

Duration

A length of time as defined in 8.5.

json
{
  "quick": {
    "$type": "duration",
    "$value": "100ms"
  },
  "moderate": {
    "$type": "duration",
    "$value": "0.25s"
  }
}
yaml
quick:
  $type: duration
  $value: 100ms
moderate:
  $type: duration
  $value: 0.25s
PropertyTypeDescription
$typestringRequired. "duration"
$valuestringRequired. A length of time, suffixed either by ms (milliseconds) or s (seconds)
$descriptionstring(Optional) A description of this token and its intended usage.

See also

Tips & recommendations

  • Most UI animations should exist between 100ms – 1s (source), ideally on the faster end. Any faster and it seems glitchy or unintentional; any slower and it feels unresponsive.