Skip to content

Commit

Permalink
Update the linked playgrounds in the snippet docs
Browse files Browse the repository at this point in the history
  • Loading branch information
JR-G committed Dec 12, 2024
1 parent b0374f8 commit 302f694
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions documentation/docs/03-template-syntax/06-snippet.md
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,7 @@ Snippets can reference themselves and each other ([demo](/playground/untitled#H4

## Passing snippets to components

Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE41SwY6bMBD9lRGplKQlYRMpF5ZF7T_0ttmDwSZYJbZrT9pGlv-9g4Fkk-xhxYV5vHlvhjc-aWQnXJK_-kSxo0jy5IcxSZrg2fSF-yM6FFQ7fbJ1jxSuttJguVd7lEejLcJPVnUCGquPMF9nsVoPjfNnohGx1sohMU4SHbzAa4_t0UNvmcOcGUNDzFP4jeccdikYK2v6sIWQ3lErpui5cDdPF_LmkVy3wlp5Vd5e2U_rHYSe_kYjFtl1KeVnTkljBEIrGBd2sYy8AtsyLlBk9DYhJHtTR_UbBDWybkR8NkqHWyOr_y74ZMNLz9f9AoG6ePkOJLMHLBp-xISvcPf11r0YUuMM2Ysfkgngh5XphUYKkJWU_FFz2UjBkxztSYT0cihR4LOn0tGaPrql439N-7Uh0Dl8MVYbt1jeJ1Fg7xDb_Uw2Y18YQqZ_S2U5FH1pS__dCkWMa3C0uR0pfQRTg89kE4bLLLDS_Dxy_Eywuo1TAnPAw4fqY1rvtH3W9w35ZZMgvU3jq8LhedwkguCHRhT_cMU6eVA5dKLB5wGutCWjlTOslupAxxrxceKoD2hzhe2qbmXHF1v1bbOcNCtW_zpYfVI8h5kQ4qY3mueHTlesW2C7TOEO4hcdwzgf3Nc7cZxUKKC4yuNhvIX_MlV_Xk0EAAA=)):
Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE3VSwW7bMAz9FUIZkGRz47RAL6pqbP-wnZodZEuJhSmSKrHrAkH_Pki2kzptdePj4yOpx0gMP0pCyS-DCrUUpCJ7pWUg9CkSPLmcywCpJuYP5zbhr9SYsZYH-RHeWYPSYCCUsNB55bDZmR2qo7Me4SdvtYS9t0dYbuoSjaXLh53JxM6agLD3LwoDPMJTxnYYIfeisOTOaRmWFTzjicJ9Bc6rTlK4g1RdUVtuuOFn7u32TL59T-566b26KN9d2NvNPaRM__2wM6y-LGXiIhjlnEToJRfSr9aFx7BvygKsxr6ZkGc8zeKiPkPQItcjEutROs0befu6ElMb0USxyQskVqNo3oDPeHqHlYYfMeErXGXn3dngmuDIH-PgTII4rJwgevuaoG5IRVD-Q0LRv8hUfXJDby2fX9FV5pM70hIhllGq8dOr_CeQ4BG-OG9dWK2vbWKYpUt5XKj9WJeGC2CYw2YIcuib-N1LI6S_uMpq9CMl-zMVxFrt03C2DFsrTiMnLiTv-jIl8AAifag-WvlGO9a5bjC3ngRZfR7fsICncZMCQhwK88ffcK0OhoKWe3wY4NZ6If1NcLxT5kBhW_Bx4qIP6KnB_qbrlRarO_Ptdj1ptrz7c_D2xQgKCynlqNlZbT2Fxba8mWCZiB60bbleYb-u4AoSZ3HHhRhG2tzL46TC6mG_-Sn9Tv8BRREGv6wEAAA=)):

```svelte
<script>
Expand Down Expand Up @@ -144,7 +144,7 @@ Within the template, snippets are values just like any other. As such, they can

Think about it like passing content instead of data to a component. The concept is similar to slots in web components.

As an authoring convenience, snippets declared directly _inside_ a component implicitly become props _on_ the component ([demo](/playground/untitled#H4sIAAAAAAAAE41Sy27bMBD8lYVcwHYrW4kBXxRFaP-htzgHSqQsojLJkuu2BqF_74qUrfhxCHQRh7MzO9z1SSM74ZL8zSeKHUSSJz-MSdIET2Y4uD-iQ0Fnp4-2HpDC1VYaLHdqh_JgtEX4yapOQGP1AebrLJzWsXD-QjQi1lo5JMZRooNXeBuwHXoYLHOYM2OoiXkKv_GUwzYFY2VNFxvo0xtqxRR9F-7z04X8fE-uW2GtnJQ3E_tpvYV-oL9Ti0U2hVJFjMMZslcfW-5DWj9zShojEFrBuLCLZR_9CmzLQCwy-psw8rxBgvkNhhpZd8F8NppE7Stbq_8u-GTKS8_XQ9Keqnl5BZP1AzTYP2bDV7i7_9hLEeda0iocNJeNFDzJ0R5Fn142JzA-uzsdBfLhldPxPdMhIPS0H1-M1cYtlnejwdBDfBXZjHXTFOg4BhuOtvTfrVDEmAZG2ew5ezYV-Ew2fVzVAivNTyPHzwSr29AlMAe8f6g-zuWDts-GusAmdBSkv3P7qnB4GpMEEHwsRPEPV6yTe5VDJxp8iXClLRmtnGG1VHva3oCPHQd9QJsrbFd1Kzu-2Khvz8uzZsXqX3urj4rnMBNCXNUG83zf6Yp1C2yXKdxA_KJjGOfRfb0Vh7MKDShEuV-M9_4_nq6svF4EAAA=)):
As an authoring convenience, snippets declared directly _inside_ a component implicitly become props _on_ the component ([demo](/playground/untitled#H4sIAAAAAAAAE3VS0W7bMAz8FUIZkGRz47RAX1TV2P5he2r6IFtMLEyRVIndFgj-98GyEydp6jefjsc7kolZuUfG2S9LmgwqVrCtNhgZf0mMDr5_6wFWHJk_vF_FP2iox2oZ8RbeOEtoKTLORGyC9lRt7Ib03rtA8FPWBmEb3B7mqzL_jaXzp43tiY2zkWAb3jVFeIaXHttQgr4Xh7n03mCcF_BGBw6PBfigG-TwAF1xRa2llVaeuPfrE_n-I7lpMQQ9KT9M7PXqEbqe_vq0saKcQlkxxFGS5HMaLHc5bZpFq71HghalwrBYdkM_QW2ViaKktpqwNzpcIbn5FUaOpDlhqRybDNoXbYP7u1BTU1UlteqTdqIkVV3Ab3S4geb2t9nwFT68n3sRw14rVjDCf8Q4hXfsik-O6vwGLs_q6uWTwzJIkPIKinHYRZ8eOniGLz44HxfLD3ujbHAYmd6OddOKUB5T97-hSt8DWoVh2qYoKRwHU04FqdTbbrhjQbVTh5GTZiibNrsEGUF1N9XHpZ1pp7Kvy2xRHgVFebJvRaTDmCSDkIbCfvB30uid5WBwS08DXLugMNxFLxttdxzWGR8dZ32gwC21d02rjVo82G_3y6NmLZvfu-DereIwQ8RRs3HGBQ6zdf4uBLMjvjOulmZB7bKAK0idxL1UarC0esT9UUWUQ77LU3rt_gO8N5UYvQQAAA==)):

```svelte
<!-- this is semantically the same as the above -->
Expand All @@ -165,7 +165,7 @@ As an authoring convenience, snippets declared directly _inside_ a component imp
</Table>
```

Any content inside the component tags that is _not_ a snippet declaration implicitly becomes part of the `children` snippet ([demo](/playground/untitled#H4sIAAAAAAAAE41S247aMBD9lVFYCegGsiDxks1G7T_0bdkHJ3aI1cR27aEtsvzvtZ0LZeGhiiJ5js-cmTMemzS8YybJ320iSM-SPPmmVJImeFEhML9Yh8zHRp51HZDC1JorLI_iiLxXUiN8J1XHoNGyh-U2i9F2SFy-epon1lIY9IwzRwNv8B6wI1oIJXNYEqV8E8sUfuIlh0MKSvPaX-zBpZ-oFRH-m7m7l5m8uyfXLdOaX5X3V_bL9gAu0D98i0V2NSWKwQ4lSN7s0LKLbgtsyxgXmT9NiBe-iaP-DYISSTcj4bcLI7hSDEHL3yu6dkPfBdLS0m1o3nk-LW9gX-gBGss9ZsMXuLu32VjZBdfRaelft5eUN5zRJEd9Zi6dlyEy_ncdOm_IxsGlULe8o5qJNFgE5x_9SWmpzGp9N2-MXQxz4c2cOQ-lZWQyF0Jd2q_-mjI9U1fr4FBPE8iuKTbjjRt2sMBK0svIsQtG6jb2CsQAdQ_1x9f5R9tmIS-yPToK-tNkQRQGL6ObCIIdEpH9wQ3p-Enk0LEGXwe4ktoX2hhFai5Ofi0jPnYc9QF1LrDdRK-rvXjerSfNitQ_TlqeBc1hwRi7yY3F81MnK9KtsF2n8Amis44ilA7VtwfWTyr-kaKV-_X4cH8BTOhfRzcEAAA=)):
Any content inside the component tags that is _not_ a snippet declaration implicitly becomes part of the `children` snippet ([demo](/playground/untitled#H4sIAAAAAAAAE3WOQQrCMBBFrzIMggql3ddY1Du4si5sOmIwnYRkFKX07lKqglqX8_7_w2uRDw1hjlsWI5ZqTPBoLEXMdy3K3fdZDzB5Ndfep_FKVnpWHSKNce1YiCVijirqYLwUJQOYxrsgsLmIOIZjcA1M02w4n-PpomSVvTclqyEutDX6DA2pZ7_ABIVugrmEC3XJH92P55_G39GodCmWBFrQJ2PrQAwdLGHig_NxNv9xrQa1dhWIawrv1Wzeqawa8953D-8QOmaEAQAA)):

```svelte
<!--- file: App.svelte --->
Expand Down

0 comments on commit 302f694

Please sign in to comment.