Skip to content

Commit

Permalink
ci: update reference docs (#8867)
Browse files Browse the repository at this point in the history
Co-authored-by: sarah11918 <sarah11918@users.noreply.github.com>
  • Loading branch information
astrobot-houston and sarah11918 committed Jul 19, 2024
1 parent 8b860dd commit 94b2eff
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/content/docs/en/reference/configuration-reference.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -1702,7 +1702,7 @@ import Avatar from '~/components/Avatar.astro';
<Avatar server:defer />
```

The outer page will be rendered, either at build-time (`hybrid`) or at runtime (`server`) with the island content omitted and a `<script>` tag included in its place.
The outer page will be rendered, either at build time (`hybrid`) or at runtime (`server`) with the island content omitted and a `<script>` tag included in its place.

After the page loads in the browser, the script tag will replace itself with the the contents of the island by making a request.

Expand All @@ -1721,7 +1721,7 @@ const user = await getUser(Astro.locals.userId);

Since your component will not render with the rest of the page, you may want to add generic content (e.g. a loading message) to temporarily show in its place. This content will be displayed when the page first renders but before the island has loaded.

Add placeholder content as a child of your Astro component with the `slot="fallback:` attribute. When your island content is available, the fallback content will be replaced.
Add placeholder content as a child of your Astro component with the `slot="fallback"` attribute. When your island content is available, the fallback content will be replaced.

The example below displays a generic avatar as fallback content, then animates into a personalized avatar using view transitions:

Expand Down

0 comments on commit 94b2eff

Please sign in to comment.