1.3.0 • Published 2 years ago

@illa-design/rate v1.3.0

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

Rate

Rate component is used for input rate interactively.

Installation

yarn add @illa-design/rate

Import component

import { Rate } from "@illa-dedign/rate"

API

Rate Basic Properties

PropsDescTypeDefault
defaultValueSet default scorenumber-
characterCustomize character of rateReactNode | ((index: number) => ReactNode)<StarIcon />
countSet max scorenumber5
valueThe selected scorenumber-
tooltipsCustomize tooltip by each characterstring[]-
allowHalfWhether to allow half selectionboolean-
allowClearWhether to allow clear when click againboolean-
readonlyWhether is readonlyboolean-
disabledWhether is disabledboolean-
heartWhether to show score with heart iconboolean-

Rate Events

PropsDescTypeDefault
onChangeCallback when score is changed(key: string) => void-
onHoverChangeCallback when the score user hovered is changed(value: number) => void-

Example

Basic usage

<Rate />

Set default value

<Rate defaultValue={5}>

Set max score

<Rate defaultValue={5} count={10}>

Allow half selection

<Rate allowHalf>

Allow clear when click again

<Rate allowHalf allowClear>

Show score with heart icon

<Rate allowHalf allowClear heart>

Customize character of rate

function TextWrapper(props) {
  return (
    <div
      style={{
        width: 24,
        lineHeight: "24px",
        textAlign: "center",
        fontSize: 16,
        fontWeight: "bold",
      }}
    >
      {props.text}
    </div>
  )
}

<Rate
  style={{ display: "block", margin: "10px 0" }}
  defaultValue={3}
  character={<TextWrapper text="A" />}
/>
1.2.0

2 years ago

1.3.0

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.31

2 years ago

1.0.30

2 years ago

1.1.0

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.20

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

0.0.10

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.13

3 years ago

0.0.14

3 years ago

0.0.15

3 years ago

0.0.9

3 years ago

0.0.16

3 years ago

0.0.17

3 years ago

0.0.8

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago