Skip to content

Commit fb38940

Browse files
committed
chore: Remove infinite stacking from Tearsheet doc (PR feedback)
To prevent unwanted UX with infinite stacking, remove the example and explicitly ask for up to 3 max in the stacked example doc
1 parent d801d0c commit fb38940

2 files changed

Lines changed: 5 additions & 76 deletions

File tree

packages/module/patternfly-docs/content/extensions/component-groups/examples/Tearsheet/Tearsheet.md

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -38,18 +38,13 @@ The `<TearsheetBody>` component will handle scrolling for long content.
3838

3939
### Stacked
4040

41-
Tearsheets support stacking, allowing new sheets to open on top of active ones. They utilize three visible stack levels (0, 1, and 2) and a background level (-1) to hide inactive sheets.
41+
Tearsheets support stacking, allowing new sheets to open on top of active ones.
42+
They utilize three visible stack levels (0, 1, and 2) and a background level (-1) to hide inactive sheets.
4243

43-
```ts file="./TearsheetStacked.tsx"
44-
```
45-
46-
### Tearsheet group (infinite stacking)
44+
Limit stacked tearsheets to a maximum of three.
45+
Flows requiring four or more levels should be redesigned using multi-step wizard or dedicates page to prevent loss of user context.
4746

48-
Use a `TearsheetGroup` to manage an unbounded number of stacked tearsheets.
49-
`children` rendering order determines stacking priority with later children stacking in front of earlier ones.
50-
Only the top 3 open tearsheets are visible; earlier ones hide behind the stack and reappear as front tearsheets are closed.
51-
52-
```ts file="./TearsheetGroup.tsx"
47+
```ts file="./TearsheetStacked.tsx"
5348
```
5449

5550
### Tearsheets vs Modals

packages/module/patternfly-docs/content/extensions/component-groups/examples/Tearsheet/TearsheetGroup.tsx

Lines changed: 0 additions & 66 deletions
This file was deleted.

0 commit comments

Comments
 (0)