leptos/examples/parent_child

Parent Child Example

This example highlights four different ways that child components can communicate with their parent:

1. <ButtonA/>: passing a WriteSignal as one of the child component props, for the child component to write into and the parent to read
2. <ButtonB/>: passing a closure as one of the child component props, for the child component to call
3. <ButtonC/>: adding a simple event listener on the child component itself
4. <ButtonD/>: providing a context that is used in the component (rather than prop drilling)

Getting Started

See the Examples README for setup and run instructions.

Quick Start

Run trunk serve --open to run this example.