Socket
Socket
Sign inDemoInstall

@jchristou/star-rating-web-component

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@jchristou/star-rating-web-component - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

dist-component/StarRating.scss

2

package.json
{
"name": "@jchristou/star-rating-web-component",
"version": "0.0.3",
"version": "0.0.4",
"description": "Star rating web component",

@@ -5,0 +5,0 @@ "main": "dist-component/StarRating.js",

# Star Rating Web Component
A star rating component built using web component technology making it usable with any front end framework or library.
![img](stars.png)
## Features
- Display star ratings
- Cross browser support down to IE11 (with webcomponents polyfill)
- Web component based and works with React, Angular and server side HTML
- Very simple interface and open for style overrides
- Display star ratings with ability to specify number of stars, rating value and maximum value.
- Tested cross browser support down to IE11 (with webcomponents polyfill).
- Web component based and works with React, Angular and server side HTML.
- Very simple interface and open for style overrides.
- Responsive. You just set breakpoints for the container width and the component resizes the stars to fit the new width.

@@ -32,2 +35,5 @@ ## Installation

### Responsive
The component listens for the window resize event and checks whether its container width has changed. If the container width has changed then it resizes the stars and spacing to fit the new width. This makes the component responsive.
## Browser Support

@@ -34,0 +40,0 @@ This component uses the Custom Element API as well as HTML Templates from the Web Components specification. Older browsers such as IE11 do not natively support this and so you will need to install the `@webcomponents/webcomponentsjs` polyfill package (this is done in the [example project](https://github.com/jameschristou/react-autocomplete-tags-input/tree/master/example)) to support these browsers. The component has been tested down to IE11 using this polyfill.

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc