logo svelte /motion v0.6.3
FIG-001/ MOTION-VALUE

live text from MotionValue children.

A MotionValue child renders its current value, then writes future changes straight to the element text. Svelte uses children={value} for this parity path because slot children compile to snippets.

  • Each large readout is a motion.span whose children prop is a transformed MotionValue.
  • animate(progress, ...) drives one source value; the labels derive formatted packet count, signal, latency, and phase text from it.
  • Normal slot children still work. This path only takes over when children is a MotionValue.
↩ all examples
api · children={motionValue}source · motion-dom mode · live running source
uplink phase IDLE
run 0
packets 1,840
signal 12%
latency 42ms
category · motion-value
sheet · sheet 01 / 01
⟳ to re-run