diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2021-07-08 15:19:30 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-07-08 15:19:30 -0500 |
| commit | b4f145a0e736b37824123033893df16aabedab52 (patch) | |
| tree | cd191c47fd9f504a6f42492a328e826fda3880a9 /docs/core-concepts | |
| parent | 958ca11e7e3e19000d87df2fa6971d35fceeb4a5 (diff) | |
| download | astro-b4f145a0e736b37824123033893df16aabedab52.tar.gz astro-b4f145a0e736b37824123033893df16aabedab52.tar.zst astro-b4f145a0e736b37824123033893df16aabedab52.zip | |
Update component-hydration.md
Diffstat (limited to 'docs/core-concepts')
| -rw-r--r-- | docs/core-concepts/component-hydration.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/core-concepts/component-hydration.md b/docs/core-concepts/component-hydration.md index f03931534..240eab25b 100644 --- a/docs/core-concepts/component-hydration.md +++ b/docs/core-concepts/component-hydration.md @@ -27,9 +27,9 @@ With Astro, you can hydrate these components individually, without forcing the r Astro renders every component on the server **at build time**. To hydrate any server-rendered component on the client **at runtime**, you may use any of the following techniques: -- `<MyComponent:load />` will hydrate the component on page load. -- `<MyComponent:idle />` will use [requestIdleCallback()][mdn-ric] to hydrate the component as soon as main thread is free. -- `<MyComponent:visible />` will use an [IntersectionObserver][mdn-io] to hydrate the component when the element enters the viewport. +- `<MyComponent client:load />` will hydrate the component on page load. +- `<MyComponent client:idle />` will use [requestIdleCallback()][mdn-ric] to hydrate the component as soon as main thread is free. +- `<MyComponent client:visible />` will use an [IntersectionObserver][mdn-io] to hydrate the component when the element enters the viewport. ## Hydrate Astro Components |