File tree Expand file tree Collapse file tree
src/routes/reference/components Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -20,7 +20,7 @@ description: >-
2020This is an experimental component
2121:::
2222
23- ` <SuspenseList> ` coordinates nested suspense boundaries.
23+ ` <SuspenseList> ` coordinates how multiple child suspense boundaries reveal their content .
2424
2525## Import
2626
@@ -62,20 +62,25 @@ Controls fallback visibility for later items after the first still-pending item.
6262
6363- ** Type:** ` JSX.Element `
6464
65+ Returns the coordinated suspense boundaries.
66+
6567## Behavior
6668
6769- ` revealOrder="forwards" ` reveals items from first to last.
6870- ` revealOrder="backwards" ` reveals items from last to first.
6971- ` revealOrder="together" ` reveals all items only after all coordinated boundaries are ready.
70- - With ` tail="collapsed" ` , later pending items can keep a fallback visible after the first pending item .
71- - With ` tail="hidden" ` , later pending items hide their fallback after the first pending item.
72+ - With ` tail="collapsed" ` , the first still- pending item can keep its fallback visible, while later pending items hide theirs .
73+ - With ` tail="hidden" ` , pending items after the first still- pending item hide their fallbacks .
7274
7375## Examples
7476
7577### Basic usage
7678
7779``` tsx
78- import { Suspense , SuspenseList } from " solid-js" ;
80+ const resource = {
81+ user: { name: " Ada" },
82+ posts: [" First post" ],
83+ };
7984
8085<SuspenseList revealOrder = " forwards" tail = " collapsed" >
8186 <Suspense fallback = { <h2 >Loading profile...</h2 >} >
You can’t perform that action at this time.
0 commit comments