diff options
Diffstat (limited to '')
| -rw-r--r-- | examples/starter/src/pages/index.astro | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/examples/starter/src/pages/index.astro b/examples/starter/src/pages/index.astro index 8b44f19ae..2e5832a3f 100644 --- a/examples/starter/src/pages/index.astro +++ b/examples/starter/src/pages/index.astro @@ -1,6 +1,8 @@ --- // Component Imports import Tour from '../components/Tour.astro'; +// You can import components from any supported Framework here! +/* ASTRO:COMPONENT_IMPORTS */ // Component Script: // You can write any JavaScript/TypeScript that you'd like here. @@ -39,6 +41,16 @@ let title = 'My Astro Site'; </header> <Tour /> + + <!-- + - You can also use imported framework components directly in your markup! + - + - Note: by default, these components are NOT interactive on the client. + - The `:visible` directive tells Astro to make it interactive. + - + - See https://github.com/snowpackjs/astro/blob/main/docs/core-concepts/component-hydration.md + --> + <!-- ASTRO:COMPONENT_MARKUP --> </main> </body> </html> |