mirror of https://github.com/leptos-rs/leptos synced 2024-11-10 14:54:16 +00:00

History

Greg Johnston cc2b310e4c docs: add example of `<ButtonC on:click/>` syntax (#558 )		2023-02-20 15:41:56 -05:00
..
public	Add Favicons to all the examples and standardize on the public folder for public assets	2023-01-09 15:27:52 -08:00
src	docs: add example of `<ButtonC on:click/>` syntax (#558 )	2023-02-20 15:41:56 -05:00
Cargo.toml	change: reorganize module exports and reexports (#503 )	2023-02-12 17:04:36 -05:00
index.html	Add Favicons to all the examples and standardize on the public folder for public assets	2023-01-09 15:27:52 -08:00
Makefile.toml	Switch examples to `check` instead of `build` (for CI resources) and add missing examples (#437 )	2023-02-01 20:36:37 -05:00
README.md	Fix labels in `parent_child` README	2023-01-28 21:52:16 -05:00

Parent Child Example

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

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

Client Side Rendering

To run it as a Client Side App, you can issue trunk serve --open in the root. This will build the entire app into one CSR bundle

If you don't have trunk installed, click here for install instructions.