# MotionValue children
> Render MotionValue values as live text in motion elements.
**Source:** [https://motion.svelte.page/examples/motion-value-children](https://motion.svelte.page/examples/motion-value-children)
**Markdown mirror:** [https://motion.svelte.page/examples/motion-value-children.md](https://motion.svelte.page/examples/motion-value-children.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: 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.
**Metadata:** tag: `MOTION-VALUE` | api: `children={motionValue}` | source: `motion-dom`
### Notes
- 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.
### Source
#### Default.svelte
Source file: [src/lib/examples/motion-value-children/demos/Default.svelte](https://github.com/humanspeak/svelte-motion/blob/main/docs/src/lib/examples/motion-value-children/demos/Default.svelte)
```svelte
// uplink phase
run {String(run).padStart(2, '0')}
Sweep uplink
Reset
```