From e26fc9bad3fab55ea114227650223373d3f94580 Mon Sep 17 00:00:00 2001 From: Victor Casas Date: Wed, 6 Jan 2021 11:37:44 -0300 Subject: [PATCH] docs: add example perfomance stepper vertical --- docs/src/pages/components/steppers/steppers.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/docs/src/pages/components/steppers/steppers.md b/docs/src/pages/components/steppers/steppers.md index f1794571ed50ed..fd2ccadf803d91 100644 --- a/docs/src/pages/components/steppers/steppers.md +++ b/docs/src/pages/components/steppers/steppers.md @@ -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 + +``` + ## 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.