Skip to content

Commit

Permalink
[docs] Add example perfomance Stepper vertical (#24292)
Browse files Browse the repository at this point in the history
  • Loading branch information
vicasas authored Jan 6, 2021
1 parent e4f2b26 commit c78dcda
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions docs/src/pages/components/steppers/steppers.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,15 @@ Vertical steppers are designed for narrow screen sizes. They are ideal for mobil

{{"demo": "pages/components/steppers/VerticalLinearStepper.js"}}

### Perfomance

The content of a step is unmounted when closed.
If you need to make the content available to search engines or render expensive component trees inside your modal while optimizing for interaction responsiveness it might be a good idea to keep the step mounted with:

```jsx
<StepContent TransitionProps={{ unmountOnExit: false }} />
```

## Mobile stepper

This component implements a compact stepper suitable for a mobile device. It has more limited functionality than the vertical stepper. See [mobile steps](https://material.io/archive/guidelines/components/steppers.html#steppers-types-of-steps) for its inspiration.
Expand Down

0 comments on commit c78dcda

Please sign in to comment.