Props Reactivity Demo

Modify the parent state below to see child components update in real-time. Some child components also have buttons to trigger updates from the child up to the parent.

Parent Controls

Current Count

Derived Value (x2)

Current Color

mint

Active Status

How it works:

<StatDisplay 
  value={count} 
  color="mint"
  onAction={increment} 
/>