Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
react-svg-star-rating
Advanced tools
Readme
A simple, highly customisable SVG star rating component for React
Install via npm:
npm install react-svg-star-rating
Then require in your project:
import StarRating from 'react-svg-star-rating'
You can then use the following markup in your project:
<StarRating />
Prop | Type | Description | Default |
---|---|---|---|
unit? | 'full' | 'half' | 'float' | The unit of star | 'full' |
size? | number | The size of each star | 30 |
count? | number | The number of star | 5 |
innerRadius? | number | The inner radius of star, this is used to customize star shape. (max: 50) | 25 |
outerRadius? | number | The outer radius of star, this is used to customize star shape. (max: 50) | 50 |
activeColor? | string | The color of the active portion of star. | '#ffd055' |
hoverColor? | string | The color of the hover potion of star. | '#ffebb7' |
emptyColor? | string | The color of empty star | '' |
roundedCorner? | boolean | Whether or not to round the star's corner | true |
handleOnClick? | (rating: number) => {} | Returns the rating value. | undefined |
isReadOnly? | boolean | When set to true, the rating cannot to be edited. | false |
initialRating? | number | The initial rating value. | 0 |
containerClassName? | string | A css class name to style star container. | '' |
starClassName? | string | A css class name to style each star. | '' |
Copyright 2019 PRNDcompany
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
FAQs
The React component for star rating
The npm package react-svg-star-rating receives a total of 383 weekly downloads. As such, react-svg-star-rating popularity was classified as not popular.
We found that react-svg-star-rating demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.