Progress bar with steps #19613
Progress bar with steps #19613
Conversation
# Please enter a commit message to explain why this merge is necessary, # especially if it merges an updated upstream into a topic branch. # # Lines starting with '#' will be ignored, and an empty message aborts # the commit.
|
Deploy preview for ant-design ready! Built with commit 8e50c99 |
|
lint failed. Please check. |
components/progress/index.en-US.md
Outdated
| | Property | Description | Type | Default | Version | | ||
| | ---------- | ------------------------ | ------ | ------- | ------- | | ||
| | stepsCount | the total step count | number | 3 | 4.0 | | ||
| | stepWidth | to set with of each step | number | 14 | 4.0 | |
There was a problem hiding this comment.
How about width directly and let us calculate each step cell width for this since circle already provide this prop.
There was a problem hiding this comment.
How about
widthdirectly and let us calculate each step cell width for this sincecirclealready provide this prop.
I agree with you.
components/progress/index.en-US.md
Outdated
|
|
||
| | Property | Description | Type | Default | Version | | ||
| | ---------- | ------------------------ | ------ | ------- | ------- | | ||
| | stepsCount | the total step count | number | 3 | 4.0 | |
There was a problem hiding this comment.
maybe
countdirectly.
ok, i fix it right now
Codecov Report
@@ Coverage Diff @@
## 4.0-prepare #19613 +/- ##
===============================================
+ Coverage 97.46% 97.47% +<.01%
===============================================
Files 288 289 +1
Lines 7219 7235 +16
Branches 1957 2002 +45
===============================================
+ Hits 7036 7052 +16
Misses 183 183
Continue to review full report at Codecov.
|
|
Steps 看起来是内联的场景比较多， cc @afc163 |
|
可能要看一下容器太窄的时候，避免换行。 |
| @@ -35,6 +35,7 @@ title: Progress | |||
| | --- | --- | --- | --- | | |||
| | strokeWidth | 进度条线的宽度，单位 px | number | 10 | | |||
| | strokeColor | 进度条的色彩，传入 object 时为渐变 | string \| { from: string; to: string; direction: string } | - | | |||
| | steps | 进度条总共步数 | number | - | | |||
🤔 This is a ...
🔗 Related issue link
💡 Background and solution
In many scenarios we need to use the following style to indicate the current step.
In order to implement it, the subcomponent named "Steps" is added to the Progress component.
📝 Changelog
☑️ Self Check before Merge
View rendered components/progress/demo/steps.md
View rendered components/progress/index.en-US.md
View rendered components/progress/index.zh-CN.md