Skip to content

Commit b310a12

Browse files
committed
update
1 parent 8d5a5ae commit b310a12

1 file changed

Lines changed: 9 additions & 4 deletions

File tree

src/routes/reference/components/suspense-list.mdx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ description: >-
2020
This 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>}>

0 commit comments

Comments
 (0)