Skip to content

Commit 36e7a69

Browse files
committed
Match the combined section opener to its sibling sections
1 parent bcd97df commit 36e7a69

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/content/reference/react/Suspense.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3023,7 +3023,7 @@ hr {
30233023
30243024
### <CanaryBadge /> Coordinating fonts, images, and stylesheets {/*coordinating-fonts-images-and-stylesheets*/}
30253025
3026-
A Suspense boundary waits for data and stylesheets on its own. When a [`<ViewTransition>`](/reference/react/ViewTransition) animates its reveal, React also waits for fonts and images, so everything appears at once. In the example below, the `ProfileCard` component suspends while its data loads, and renders a stylesheet with `precedence`, text in a new font, and a portrait. React keeps the skeleton visible while the data and the stylesheet load. The `<ViewTransition>` reveal then waits for the font and the image, so the card appears complete.
3026+
A Suspense boundary can wait for data, stylesheets, fonts, and images at once. Waiting for fonts and images only happens during a [`<ViewTransition>`](/reference/react/ViewTransition) update. In the example below, the `ProfileCard` component suspends while its data loads, and renders a stylesheet with `precedence`, text in a new font, and a portrait. React keeps the skeleton visible while the data and the stylesheet load. The `<ViewTransition>` reveal then waits for the font and the image, so the card appears complete.
30273027
30283028
For comparison, the plain DOM version loads the same data and shows every resource arriving on its own schedule:
30293029

0 commit comments

Comments
 (0)