4.1.2 • Published 3 years ago

bpk-component-star-rating v4.1.2

Weekly downloads
753
License
Apache-2.0
Repository
github
Last release
3 years ago

bpk-component-star-rating

Backpack rating star component.

Installation

npm install bpk-component-star-rating --save-dev

Usage

import React from 'react';
import BpkStarRating, {
  BpkStar,
  STAR_TYPES,
  BpkInteractiveStarRating,
  withInteractiveStarRatingState
} from 'bpk-component-star-rating';

const InteractiveStarRating = withInteractiveStarRatingState(BpkInteractiveStarRating);

export default () => (
  <div>
    <BpkStar
      type={STAR_TYPES.HALF}
    />
    <BpkStarRating
      rating={3.5}
      large
      ratingLabel={(rating, maxRating) => `Rated ${rating} out of ${maxRating} stars`}
    />
    <InteractiveStarRating
      id="large-star-rating"
      onRatingSelect={(rating) => console.log(rating)}
      getStarLabel={(rating, maxRating) => `${rating} out of ${maxRating} stars`}
    />
  </div>
);

Props

BpkStarRating

PropertyPropTypeRequiredDefault Value
ratingLabeloneOfType(string, func)true-
classNamestringfalsenull
largeboolfalsefalse
maxRatingnumberfalse5
ratingnumberfalse0
roundingoneOf(ROUNDING_TYPES)falseROUNDING_TYPES.down

BpkStar

PropertyPropTypeRequiredDefault Value
typeoneOf(STAR_TYPES)true-
classNamestringfalsenull
largeboolfalsefalse

withInteractiveStarRatingState()

PropertyPropTypeRequiredDefault Value
onRatingSelectfuncfalse() => null

BpkInteractiveStarRating

PropertyPropTypeRequiredDefault Value
getStarLabelfunctrue-
idstringtrue-
classNamestringfalsenull
hoverRatingnumberfalse0
largeboolfalsefalse
maxRatingnumberfalse5
onMouseLeavefuncfalse() => null
onRatingHoverfuncfalse() => null
onRatingSelectfuncfalse() => null
ratingnumberfalse0

BpkInteractiveStar

PropertyPropTypeRequiredDefault Value
labelbooltrue-
namebooltrue-
typeoneOf(STAR_TYPES)true-
valuenumbertrue-
onClickfunctrue-
onMouseEnterfunctrue-
selectedboolfalsefalse

Theme Props

  • starRatingFilledColor
4.0.5

3 years ago

4.0.6

3 years ago

4.1.0

3 years ago

4.1.2

3 years ago

4.1.1

3 years ago

4.0.4

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago

4.0.3

3 years ago

4.0.2

3 years ago

3.1.12

3 years ago

3.1.14

3 years ago

3.1.13

3 years ago

3.1.16

3 years ago

3.1.15

3 years ago

3.1.9

3 years ago

3.1.8

3 years ago

3.1.11

3 years ago

3.1.10

3 years ago

3.1.7

3 years ago

3.1.6

3 years ago

3.1.3

3 years ago

3.1.2

3 years ago

3.1.5

3 years ago

3.1.4

3 years ago

3.1.1

3 years ago

3.1.0

3 years ago

3.0.23

4 years ago

3.0.24

3 years ago

3.0.21

4 years ago

3.0.22

4 years ago

3.0.27

3 years ago

3.0.28

3 years ago

3.0.25

3 years ago

3.0.26

3 years ago

3.0.20

4 years ago

3.0.18

4 years ago

3.0.19

4 years ago

3.0.32

3 years ago

3.0.33

3 years ago

3.0.30

3 years ago

3.0.31

3 years ago

3.0.29

3 years ago

3.0.16

4 years ago

3.0.17

4 years ago

3.0.15

4 years ago

3.0.14

4 years ago

3.0.13

4 years ago

3.0.12

4 years ago

3.0.11

4 years ago

3.0.10

4 years ago

3.0.9

4 years ago

3.0.8

4 years ago

3.0.7

4 years ago

3.0.6

4 years ago

3.0.5

4 years ago

3.0.4

4 years ago

3.0.3

4 years ago

3.0.2

4 years ago

3.0.1

4 years ago

2.2.5

4 years ago

2.2.7

4 years ago

3.0.0

4 years ago

2.2.4

4 years ago

2.2.3

4 years ago

2.2.2

4 years ago

2.2.1

4 years ago

2.2.0

4 years ago

2.1.119

4 years ago

2.1.120

4 years ago

2.1.118

4 years ago

2.1.117

4 years ago

2.1.116

4 years ago

2.1.114

4 years ago

2.1.113

4 years ago

2.1.115

4 years ago

2.1.112

4 years ago

2.1.111

4 years ago

2.1.109

4 years ago

2.1.110

4 years ago

2.1.108

4 years ago

2.1.107

4 years ago

2.1.106

4 years ago

2.1.105

4 years ago

2.1.104

4 years ago

2.1.103

4 years ago

2.1.101

4 years ago

2.1.102

4 years ago

2.1.100

4 years ago

2.1.99

4 years ago

2.1.98

4 years ago

2.1.97

5 years ago

2.1.96

5 years ago

2.1.94

5 years ago

2.1.95

5 years ago

2.1.92

5 years ago

2.1.93

5 years ago

2.1.91

5 years ago

2.1.90

5 years ago

2.1.89

5 years ago

2.1.88

5 years ago

2.1.87

5 years ago

2.1.86

5 years ago

2.1.85

5 years ago

2.1.84

5 years ago

2.1.83

5 years ago

2.1.82

5 years ago

2.1.81

5 years ago

2.1.80

5 years ago

2.1.79

5 years ago

2.1.78

5 years ago

2.1.76

5 years ago

2.1.77

5 years ago

2.1.75

5 years ago

2.1.74

5 years ago

2.1.73

5 years ago

2.1.72

5 years ago

2.1.71

5 years ago

2.1.69

5 years ago

2.1.68

5 years ago

2.1.67

5 years ago

2.1.66

5 years ago

2.1.65

5 years ago

2.1.64

5 years ago

2.1.63

5 years ago

2.1.62-css.0

5 years ago

2.1.62

5 years ago

2.1.61-css.0

5 years ago

2.1.60-css.0

5 years ago

2.1.61

5 years ago

2.1.60

5 years ago

2.1.59-css.0

5 years ago

2.1.59

5 years ago

2.1.58-css.0

5 years ago

2.1.58

5 years ago

2.1.56-css.0

5 years ago

2.1.57-css.0

5 years ago

2.1.56

5 years ago

2.1.57

5 years ago

2.1.55-css.0

5 years ago

2.1.55

5 years ago

2.1.54-css.0

5 years ago

2.1.54

5 years ago

2.1.53-css.0

5 years ago

2.1.53

5 years ago

2.1.52-css.0

5 years ago

2.1.52

5 years ago

2.1.51-css.0

5 years ago

2.1.51

5 years ago

2.1.50-css.0

5 years ago

2.1.50

5 years ago

2.1.49-css.0

5 years ago

2.1.49

5 years ago

2.1.47

5 years ago

2.1.48

5 years ago

2.1.48-css.0

5 years ago

2.1.47-css.0

5 years ago

2.1.46-css.0

5 years ago

2.1.46

5 years ago

2.1.45-css.0

5 years ago

2.1.45

5 years ago

2.1.44-css.0

5 years ago

2.1.44

5 years ago

2.1.43-css.0

5 years ago

2.1.43

5 years ago

2.1.42-css.0

5 years ago

2.1.42

5 years ago

2.1.41-css.0

5 years ago

2.1.41

5 years ago

2.1.39

5 years ago

2.1.40

5 years ago

2.1.38-css.0

5 years ago

2.1.38

5 years ago

2.1.37-css.0

5 years ago

2.1.37

5 years ago

2.1.36

5 years ago

2.1.36-css.0

5 years ago

2.1.35

5 years ago

2.1.35-css.0

5 years ago

2.1.34-css.0

5 years ago

2.1.34

5 years ago

2.1.33-css.0

5 years ago

2.1.33

5 years ago

2.1.32-css.0

5 years ago

2.1.32

5 years ago

2.1.31-css.0

5 years ago

2.1.31

5 years ago

2.1.30

5 years ago

2.1.30-css.0

5 years ago

2.1.29-css.0

5 years ago

2.1.29

5 years ago

2.1.28-css.0

5 years ago

2.1.28

5 years ago

2.1.27

5 years ago

2.1.26

5 years ago

2.1.25-css.0

5 years ago

2.1.25

5 years ago

2.1.24-css.0

5 years ago

2.1.24

5 years ago

2.1.23

5 years ago

2.1.23-css.0

5 years ago

2.1.22-css.0

5 years ago

2.1.22

5 years ago

2.1.21-css.0

5 years ago

2.1.21

5 years ago

2.1.20-css.0

6 years ago

2.1.20

6 years ago

2.1.19-css.0

6 years ago

2.1.19

6 years ago

2.1.18-css.0

6 years ago

2.1.18

6 years ago

2.1.17-css.0

6 years ago

2.1.17

6 years ago

2.1.16-css.0

6 years ago

2.1.16

6 years ago

2.1.15

6 years ago

2.1.15-css.0

6 years ago

2.1.14-css.0

6 years ago

2.1.14

6 years ago

2.1.13-css.0

6 years ago

2.1.13

6 years ago

2.1.12-css.0

6 years ago

2.1.12

6 years ago

2.1.10-css.0

6 years ago

2.1.10

6 years ago

2.1.9-css.0

6 years ago

2.1.9

6 years ago

2.1.8-css.0

6 years ago

2.1.8

6 years ago

2.1.7-css.0

6 years ago

2.1.7

6 years ago

2.1.6-css.0

6 years ago

2.1.6

6 years ago

2.1.5-css.0

6 years ago

2.1.5

6 years ago

2.1.4-css.0

6 years ago

2.1.4

6 years ago

2.1.3-css.0

6 years ago

2.1.3

6 years ago

2.1.2

6 years ago

2.1.1

6 years ago

2.1.0

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.1-alpha.27

6 years ago

2.0.0

6 years ago

1.2.2

6 years ago

1.2.2-alpha.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.10

6 years ago

1.1.9

6 years ago

1.1.8

6 years ago

1.1.7

6 years ago

1.1.6

6 years ago

1.1.5

6 years ago

1.1.4

6 years ago

1.1.3

6 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.1.1-alpha.1

6 years ago

1.1.0

6 years ago

1.0.152

6 years ago

1.0.151

6 years ago

1.0.150

6 years ago

1.0.149

6 years ago

1.0.148

6 years ago

1.0.147

6 years ago

1.0.146

6 years ago

1.0.145

6 years ago

1.0.144

6 years ago

1.0.143

6 years ago

1.0.142

6 years ago

1.0.141

6 years ago

1.0.140

6 years ago

1.0.139-alpha.1

6 years ago

1.0.138

6 years ago

1.0.136-alpha.41

6 years ago

1.0.137

6 years ago

1.0.136

6 years ago

1.0.136-alpha.37

6 years ago

1.0.136-alpha.18

6 years ago

1.0.136-alpha.9

6 years ago

1.0.135

6 years ago

1.0.134

6 years ago

1.0.133

6 years ago

1.0.132

6 years ago

1.0.131

6 years ago

1.0.130

6 years ago

1.0.130-alpha.1

6 years ago

1.0.129

6 years ago

1.0.128

6 years ago

1.0.127

6 years ago

1.0.126

6 years ago

1.0.125

6 years ago

1.0.125-alpha.1

6 years ago

1.0.124

6 years ago

1.0.124-alpha.9

6 years ago

1.0.123

6 years ago

1.0.122-alpha.19

6 years ago

1.0.122

6 years ago

1.0.121

6 years ago

1.0.120

6 years ago

1.0.119

6 years ago

1.0.118

6 years ago

1.0.117

6 years ago

1.0.116

6 years ago

1.0.115

6 years ago

1.0.114

6 years ago

1.0.114-alpha.1

6 years ago

1.0.113

6 years ago

1.0.112

6 years ago

1.0.112-alpha.1

6 years ago

1.0.111

6 years ago

1.0.110

6 years ago

1.0.109

6 years ago

1.0.108

6 years ago

1.0.107

6 years ago

1.0.106

6 years ago

1.0.105

6 years ago

1.0.104

6 years ago

1.0.104-alpha.5

7 years ago

1.0.103

7 years ago

1.0.102

7 years ago

1.0.101

7 years ago

1.0.100

7 years ago

1.0.99

7 years ago

1.0.98

7 years ago

1.0.97

7 years ago

1.0.97-alpha.3

7 years ago

1.0.96

7 years ago

1.0.96-beta.1

7 years ago

1.0.95

7 years ago

1.0.94

7 years ago

1.0.93

7 years ago

1.0.92

7 years ago

1.0.91

7 years ago

1.0.90

7 years ago

1.0.89

7 years ago

1.0.88-alpha.12

7 years ago

1.0.87

7 years ago

1.0.86

7 years ago

1.0.85

7 years ago

1.0.84

7 years ago

1.0.83

7 years ago

1.0.83-alpha.2

7 years ago

1.0.82

7 years ago

1.0.81

7 years ago

1.0.80

7 years ago

1.0.79

7 years ago

1.0.78

7 years ago

1.0.77

7 years ago

1.0.76

7 years ago

1.0.75

7 years ago

1.0.74

7 years ago

1.0.73

7 years ago

1.0.72

7 years ago

1.0.71

7 years ago

1.0.70

7 years ago

1.0.69

7 years ago

1.0.68

7 years ago

1.0.67

7 years ago

1.0.66

7 years ago

1.0.65

7 years ago

1.0.64

7 years ago

1.0.63

7 years ago

1.0.62

7 years ago

1.0.61

7 years ago

1.0.60

7 years ago

1.0.59

7 years ago

1.0.58

7 years ago

1.0.57

7 years ago

1.0.56

7 years ago

1.0.55

7 years ago

1.0.54

7 years ago

1.0.53

7 years ago

1.0.52

7 years ago

1.0.51

7 years ago

1.0.50

7 years ago

1.0.49

7 years ago

1.0.48

7 years ago

1.0.47

7 years ago

1.0.46

7 years ago

1.0.45

7 years ago

1.0.44

7 years ago

1.0.43

7 years ago

1.0.42

7 years ago

1.0.41

8 years ago

1.0.40

8 years ago

1.0.39

8 years ago

1.0.38

8 years ago

1.0.37

8 years ago

1.0.36

8 years ago

1.0.35

8 years ago

1.0.34

8 years ago

1.0.33

8 years ago

1.0.32

8 years ago

1.0.31

8 years ago

1.0.30

8 years ago

1.0.29

8 years ago

1.0.28

8 years ago

1.0.27

8 years ago

1.0.26

8 years ago

1.0.25

8 years ago

1.0.24

8 years ago

1.0.23

8 years ago

1.0.22

8 years ago

1.0.21

8 years ago

1.0.20

8 years ago

1.0.19

8 years ago

1.0.18

8 years ago

1.0.17

8 years ago

1.0.16

8 years ago

1.0.14

8 years ago

1.0.12

8 years ago

1.0.11

8 years ago

1.0.10

8 years ago

1.0.9

8 years ago

1.0.8

8 years ago

1.0.7

8 years ago

1.0.6

8 years ago

1.0.5

8 years ago

1.0.4

8 years ago

1.0.3

8 years ago

1.0.2

8 years ago

1.0.1

8 years ago

1.0.0

8 years ago

0.0.11

8 years ago

0.0.10

8 years ago

0.0.9

8 years ago

0.0.8

8 years ago

0.0.7

8 years ago

0.0.6

8 years ago

0.0.5

8 years ago

0.0.4

8 years ago

0.0.3

8 years ago