File tree 3 files changed +24
-0
lines changed
docs/app/Examples/modules/Progress/Content
3 files changed +24
-0
lines changed Original file line number Diff line number Diff line change
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 number Diff line number Diff line change
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
Original file line number Diff line number Diff line change @@ -19,6 +19,14 @@ const ProgressContentExamples = () => (
19
19
description = 'A progress element can contain a label.'
20
20
examplePath = 'modules/Progress/Content/ProgressExampleLabel'
21
21
/>
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
+ />
22
30
</ ExampleSection >
23
31
)
24
32
You can’t perform that action at this time.
0 commit comments