0.7.0 • Published 19 days ago

@blaze-react/progress v0.7.0

Weekly downloads
55
License
ISC
Repository
-
Last release
19 days ago

Description

The progress bar, despite providing a good user experience, also helps users avoid frustration and successfully complete all the steps.

Usage

  • Progress dot indicators
const steps = [
  'Cart', 'Billing', 'Delivery', 'Review & pay'
];

<Progress 
  progress={2} 
  onChange={({event, step}) => {}}
  steps={steps}/>
  • Progress dot indicators + steps counter
<Progress
   progress={3} 
   type="count" 
   onChange={({event, step}) => {}} 
   steps={steps}/>
  • Progress text
<Progress 
    progress={1} 
    type="text" 
    onChange={({event, step}) => {}}
    steps={steps}/>
  • Progress + text + completed icon
<Progress 
    progress={4} 
    type="text icon" 
    onChange={({event, step}) => {}} 
    steps={steps}/>

API

Progress can receive a number of props as follow:
NAMETYPEDEFAULT
stepsArray[]
progressNumber0
typeTextdots
onChangeFunction() => {}
0.8.0-alpha.33

19 days ago

0.8.0-alpha.35

19 days ago

0.8.0-alpha.31

19 days ago

0.8.0-alpha.26

2 months ago

0.8.0-alpha.24

2 months ago

0.8.0-alpha.23

2 months ago

0.8.0-alpha.21

2 months ago

0.8.0-alpha.14

2 months ago

0.8.0-alpha.16

2 months ago

0.8.0-alpha.11

2 months ago

0.8.0-alpha.10

2 months ago

0.8.0-alpha.13

2 months ago

0.8.0-alpha.19

2 months ago

0.8.0-alpha.18

2 months ago

0.8.0-alpha.20

2 months ago

0.8.0-alpha.9

2 months ago

0.8.0-alpha.7

3 months ago

0.8.0-alpha.6

3 months ago

0.8.0-alpha.4

3 months ago

0.8.0-alpha.3

3 months ago

0.7.0

6 months ago

0.6.4

9 months ago

0.6.2

9 months ago

0.6.0

10 months ago

0.5.28

10 months ago

0.5.17

1 year ago

0.5.12

1 year ago

0.5.9

1 year ago

0.5.8

1 year ago

0.5.0

1 year ago

0.4.57

1 year ago

0.4.55

1 year ago

0.4.54

1 year ago

0.4.52

1 year ago

0.4.48

1 year ago

0.4.47

2 years ago

0.4.46

2 years ago

0.4.42

2 years ago

0.4.37

2 years ago

0.4.38

2 years ago

0.4.37-alpha.0

2 years ago

0.4.36

2 years ago

0.4.33

2 years ago

0.4.34

2 years ago

0.4.29

2 years ago

0.4.22

2 years ago

0.4.16

2 years ago

0.4.14

2 years ago

0.4.13

2 years ago

0.4.11

2 years ago

0.4.12

2 years ago

0.4.8

2 years ago

0.4.7

2 years ago

0.4.3

2 years ago

0.4.0

2 years ago

0.3.53

2 years ago

0.3.52

2 years ago

0.3.51

2 years ago

0.3.50

2 years ago

0.3.49

2 years ago

0.3.31

2 years ago

0.3.9

2 years ago

0.3.4

2 years ago

0.3.3

2 years ago

0.3.0

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.2.5

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago