Skip to content

Commit 7566844

Browse files
committed
Align combined section opener with sibling sections
1 parent edb4084 commit 7566844

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-
When its reveal is animated by a [`<ViewTransition>`](/reference/react/ViewTransition), a single Suspense boundary can wait for data, stylesheets, fonts, and images 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+
When a [`<ViewTransition>`](/reference/react/ViewTransition) animates a Suspense boundary's reveal, React can wait for data, stylesheets, fonts, and images 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.
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)