fyndiq-component-stars

Preview

A rating stars component for Fyndiq

Installation

The component can be installed through NPM:

npm i -S fyndiq-component-stars

Usage

import React from 'react'
import Stars from 'fyndiq-component-stars'
 
// Normal usage
<Stars rating={4} />
 
// Different size
<Stars rating={3.5} size="l" />
 
// Show number of reviews
<Stars rating={4} reviews={53} />
 
// Interactive version
<Stars interactive onChange={handleChange} />

API

The component Stars has the following customizable props:

Name	Type	Description	Default value
rating	Number or String	The current rating of the product (between 0 and 5). Can be decimal	undefined
reviews	Number	Number of reviews	undefined
size	String	Can be l for a bigger component	m
interactive	Boolean	Enables interactive mode	false
onChange	Function	The handler when used in interactive mode.	noop => noop