diff options
| author |  Matthew Phillips <matthew@matthewphillips.info>
| 2021-07-12 16:27:08 -0400 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-07-12 16:27:08 -0400 |
| commit | 0340b0f0b1106f5e5fc23be2dbab7ace37853b40 (patch) | |
| tree | ea961791a97911d4de49f36e05e9aaaa2e31206b /docs/core-concepts | |
| parent | 7aa8d4719f2e682cc48a3de679bd3ea09016ff6f (diff) | |
| download | astro-0340b0f0b1106f5e5fc23be2dbab7ace37853b40.tar.gz astro-0340b0f0b1106f5e5fc23be2dbab7ace37853b40.tar.zst astro-0340b0f0b1106f5e5fc23be2dbab7ace37853b40.zip | |
Adds support for client:media hydrator (#664)
* Adds support for client:media hydrator
* Include a changeset
* Pass in undefined when not hydrating
Diffstat (limited to 'docs/core-concepts')
| -rw-r--r-- | docs/core-concepts/component-hydration.md | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/docs/core-concepts/component-hydration.md b/docs/core-concepts/component-hydration.md index 240eab25b..209e4a8ed 100644 --- a/docs/core-concepts/component-hydration.md +++ b/docs/core-concepts/component-hydration.md @@ -30,6 +30,7 @@ Astro renders every component on the server **at build time**. To hydrate any se - `<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. +- `<MyComponent client:media={QUERY} />` will use [matchMedia][mdn-mm] to hydrate the component when a media query is matched. ## Hydrate Astro Components |