Socket
Socket
Sign inDemoInstall

react-awesome-stars-rating

Package Overview
Dependencies
3
Maintainers
1
Versions
41
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.1.0 to 0.1.1

2

example/ReactStarsExample.js
import React, { PureComponent } from 'react';
import ReactStarsRating from '../src';
import ReactStarsRating from '../dist/index';

@@ -5,0 +5,0 @@ class ReactStarsExample extends PureComponent {

{
"name": "react-awesome-stars-rating",
"version": "0.1.0",
"version": "0.1.1",
"description": "",
"main": "index.js",
"main": "./dist/index.js",
"scripts": {
"start": "webpack-dev-server --mode development --open"
"start": "webpack-dev-server --mode development --open",
"clean": "./node_modules/.bin/rimraf dist/",
"build": "babel ./src --presets babel-preset-env --out-dir dist",
"prepublish": "npm run build"
},

@@ -54,2 +57,3 @@ "keywords": [

"redux-form": "^7.4.2",
"rimraf": "^2.6.2",
"webpack": "^4.17.1",

@@ -56,0 +60,0 @@ "webpack-cli": "^3.1.0",

@@ -1,2 +0,2 @@

# React Awesome Stars Rating
# React Awesome Stars Rating · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/fedoryakubovich/react-awesome-stars-rating/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/react-awesome-stars-rating.svg?style=flat)](https://www.npmjs.com/package/react-awesome-stars-rating)

@@ -44,18 +44,18 @@ React Awesome Stars Rating is a simple star component with easy integration for your React applications.

| Name | Description | Type | Default |
| :-------------| :------------------------------------------------------- | :------- | :------ |
| value | Value | Number | 0 |
| onChange | A function, that will be invoked when value have changed | Function | null |
| isEdit | If `true` the rating is in editing mode | Boolean | true |
| isHalf | If `true` half stars are available | Boolean | true |
| count | Count of the stars | Number | 5 |
| size | Size of the stars | Number | 25 |
| primaryColor | Star's color when star is active | String | 'yellow'|
| secondaryColor| Star's color when star isn't active | String | 'grey' |
| Name | Description | Type | Default |
| :------------- | :------------------------------------------------------- | :------- | :------- |
| value | Value | Number | 0 |
| onChange | A function, that will be invoked when value have changed | Function | null |
| isEdit | If `true` the rating is in editing mode | Boolean | true |
| isHalf | If `true` half stars are available | Boolean | true |
| count | Count of the stars | Number | 5 |
| size | Size of the stars | Number | 25 |
| primaryColor | Star's color when star is active | String | 'yellow' |
| secondaryColor | Star's color when star isn't active | String | 'grey' |
## Examples
You can see live examples by below links:
You can see live examples by below links:
* [Simple Example](https://repl.it/@fedoryakubovich/React-Awesome-Stars-Rating-Simple-Example)
* [Integration](https://repl.it/@fedoryakubovich/React-Awesome-Stars-Rating-Redux-Form-Example) with [redux-form](https://github.com/erikras/redux-form)
- [Simple Example](https://repl.it/@fedoryakubovich/React-Awesome-Stars-Rating-Simple-Example)
- [Integration](https://repl.it/@fedoryakubovich/React-Awesome-Stars-Rating-Redux-Form-Example) with [redux-form](https://github.com/erikras/redux-form)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc