Skip to content

Commit 3d93d97

Browse files
tarang9211harel
authored andcommitted
docs(Progress): added example for progress label prop (Semantic-Org#1356)
* docs(Progress): added example for progress label prop * style(Progress): fixed file structure for label prop example * style(Progress) added label prop example back, fixed descriptions * docs(Progress): fixed minor description typo * Update ProgressExampleLabel.js * Update ProgressExampleLabel.js
1 parent a949875 commit 3d93d97

File tree

3 files changed

+24
-0
lines changed

3 files changed

+24
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import React from 'react'
2+
import { Progress } from 'semantic-ui-react'
3+
4+
const ProgressExampleLabelPercent = () => (
5+
<Progress value='4' total='5' label='percent' />
6+
)
7+
8+
export default ProgressExampleLabelPercent
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import React from 'react'
2+
import { Progress } from 'semantic-ui-react'
3+
4+
const ProgressExampleLabelRatio = () => (
5+
<Progress value='3' total='5' label='ratio' />
6+
)
7+
8+
export default ProgressExampleLabelRatio

docs/app/Examples/modules/Progress/Content/index.js

+8
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,14 @@ const ProgressContentExamples = () => (
1919
description='A progress element can contain a label.'
2020
examplePath='modules/Progress/Content/ProgressExampleLabel'
2121
/>
22+
<ComponentExample
23+
description='A progress element can contain a percent label.'
24+
examplePath='modules/Progress/Content/ProgressExampleLabelPercent'
25+
/>
26+
<ComponentExample
27+
description='A progress element can contain a ratio label.'
28+
examplePath='modules/Progress/Content/ProgressExampleLabelRatio'
29+
/>
2230
</ExampleSection>
2331
)
2432

0 commit comments

Comments
 (0)