Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

rc-rate

2.5.1 • Public • Published

rc-rate


React Rate Component

NPM version build status Test coverage gemnasium deps npm download

Screenshots

Development

npm install
npm start

Example

http://localhost:8000/examples/

online example: http://react-component.github.io/rate/

install

rc-rate

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import Rate from 'rc-rate'
 
ReactDOM.render(
  <Rate />,
  document.getElementById('root')
)

with styled-components

import React from 'react'
import ReactDOM from 'react-dom'
import Rate from 'rc-rate'
import styled from 'styled-components'
 
cosnt StyledRate = styled(Rate)`
  &.rc-rate {
    font-size: ${({ size }) => size}px;
  }
`
 
ReactDOM.render(
  <StyledRate size="24" />,
  document.getElementById('root')
)

API

props

name type default description
count number 5 star numbers
value number controlled value
defaultValue number 0 initial value
allowHalf bool false support half star
allowClear bool true reset when click again
style object {}
onChange function(value: Number) `onChange` will be triggered when click.
onHoverChange function(value: Number) `onHoverChange` will be triggered when hover on stars.
character ReactNode The each character of rate
disabled bool false

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rc-rate is released under the MIT license.

Install

npm i rc-rate

DownloadsWeekly Downloads

358,703

Version

2.5.1

License

none

Unpacked Size

46.3 kB

Total Files

13

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar