Mirrors/leptos
2
0
Fork 0
mirror of https://github.com/leptos-rs/leptos synced 2024-11-10 14:54:16 +00:00
Code Issues Projects Releases Packages Wiki Activity
leptos/examples/parent_child
History
Greg Johnston f8b76387ec
Fix labels in parent_child README
2023-01-28 21:52:16 -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 Move the examples out of the workspace, and standardize naming. All of the SSR examples now work with cargo-leptos 2022-12-31 15:52:19 -08:00
Cargo.toml Move the examples out of the workspace, and standardize naming. All of the SSR examples now work with cargo-leptos 2022-12-31 15:52:19 -08: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 Add build-examples task to cargo make CI 2023-01-02 13:29:37 -05:00
README.md Fix labels in parent_child README 2023-01-28 21:52:16 -05:00

README.md

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)

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.