New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[material-ui][docs] Add docs for complementary stepper components #41900
base: next
Are you sure you want to change the base?
[material-ui][docs] Add docs for complementary stepper components #41900
Conversation
@michaldudak, would you know the reason for this failure? |
No idea. It seems that only this PR is affected. We could try recreating the PR. |
I tried creating a new branch from |
Since this PR touches just the docs, it's safe to bypass the checks and merge it. |
Hey @anle9650, thanks for working on this. The changes look good to me, but I want to wait for @samuelsycamore's review in case there's anything to add or rephrase. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
just some small style tweaks here, otherwise looking good. Thanks @anle9650 !
@@ -22,6 +22,28 @@ Steppers may display a transient feedback message after a step is saved. | |||
This component is no longer documented in the [Material Design guidelines](https://m2.material.io/), but Material UI will continue to support it. | |||
::: | |||
|
|||
## Introduction | |||
|
|||
Stepper displays progress through a sequence of logical and numbered steps. It support horizontal and vertical orientation for desktop and mobile viewports. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Stepper displays progress through a sequence of logical and numbered steps. It support horizontal and vertical orientation for desktop and mobile viewports. | |
The Stepper component displays progress through a sequence of logical and numbered steps. | |
It supports horizontal and vertical orientation for desktop and mobile viewports. |
|
||
Stepper displays progress through a sequence of logical and numbered steps. It support horizontal and vertical orientation for desktop and mobile viewports. | ||
|
||
Material UI Steppers are implemented using a collection of related components: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Material UI Steppers are implemented using a collection of related components: | |
Steppers are implemented using a collection of related components: |
|
||
Material UI Steppers are implemented using a collection of related components: | ||
|
||
- Stepper: a required container for steps. Renders as a `<ol>` by default. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Stepper: a required container for steps. Renders as a `<ol>` by default. | |
- Stepper: the container for the steps. Renders as a `<ol>` by default. |
Material UI Steppers are implemented using a collection of related components: | ||
|
||
- Stepper: a required container for steps. Renders as a `<ol>` by default. | ||
- Step: a step. Renders as a `<li>` by default. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Step: a step. Renders as a `<li>` by default. | |
- Step: an individual step in the sequence. Renders as a `<li>` by default. |
|
||
- Stepper: a required container for steps. Renders as a `<ol>` by default. | ||
- Step: a step. Renders as a `<li>` by default. | ||
- Step Label: a label of a step. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Step Label: a label of a step. | |
- Step Label: a label for a Step. |
- Stepper: a required container for steps. Renders as a `<ol>` by default. | ||
- Step: a step. Renders as a `<li>` by default. | ||
- Step Label: a label of a step. | ||
- Step Content: an optional content of a step. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Step Content: an optional content of a step. | |
- Step Content: optional content for a Step. |
- Step: a step. Renders as a `<li>` by default. | ||
- Step Label: a label of a step. | ||
- Step Content: an optional content of a step. | ||
- Step Button: an optional button of a step. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Step Button: an optional button of a step. | |
- Step Button: optional button for a Step. |
- Step Label: a label of a step. | ||
- Step Content: an optional content of a step. | ||
- Step Button: an optional button of a step. | ||
- Step Icon: an optional icon of a step. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Step Icon: an optional icon of a step. | |
- Step Icon: optional icon for a Step. |
- Step Content: an optional content of a step. | ||
- Step Button: an optional button of a step. | ||
- Step Icon: an optional icon of a step. | ||
- Step Connector: an optional customized connector of a step. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Step Connector: an optional customized connector of a step. | |
- Step Connector: optional customized connector between Steps. |
Part of #39952. Fixes #41454.