Socket
Socket
Sign inDemoInstall

react-likert-scale

Package Overview
Dependencies
Maintainers
1
Versions
16
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-likert-scale - npm Package Compare versions

Comparing version 2.0.2 to 3.0.0

dist/likert.es.js

11

CHANGELOG.md

@@ -9,3 +9,14 @@ Changelog

[3.0.0] - 2021-01-15
----------------------------
### Changes
Once again, this component is compatible with really old versions of React. It is written as a
Class component.
### Breaking Changes
For most people, this will not be a breaking change. This component is only an ES2015 (ES6) module.
Previously, it was exported as UMD.
[2.0.2] - 2021-01-13

@@ -12,0 +23,0 @@ ----------------------------

14

package.json
{
"name": "react-likert-scale",
"version": "2.0.2",
"version": "3.0.0",
"description": "A React-based Likert Scale to collect data.",
"main": "dist/likert.umd.js",
"comments": [
"`main` is traditionally a script/program, but in our case it is an ES module.",
"`type` tells the consumer that `main` is a ES module. This is fairly new and the",
"old method was to use the `module` key. It is here for backwards compatibility."
],
"main": "./dist/likert.es.js",
"type": "module",
"exports": "./dist/likert.es.js",
"module": "./dist/likert.es.js",
"files": [

@@ -22,3 +30,3 @@ "dist"

"start": "webpack serve --config webpack.config.dev.js --inline --hot --progress --mode development",
"build": "rollup --config",
"build": "rm dist/*.* && rollup --config",
"prepare": "npm run build"

@@ -25,0 +33,0 @@ },

@@ -5,3 +5,3 @@ React Likert Scale

React Likert Scale is a [React component](https://reactjs.org/docs) that renders a Likert Scale. It
is fully responsive, very small size (about 8kb), and the styling can be customized by providing
is fully responsive, very small size (about 9kb), and the styling can be customized by providing
your own CSS styles.

@@ -18,6 +18,2 @@

React Likert Scale is a JavaScript library that can be used as an ES2015 Module or UMD.
### ES2015 Module
```javascript

@@ -58,3 +54,3 @@ import React from 'react';

### How do I change the colors or other styling?
### How do I change colors or other CSS styling?

@@ -76,3 +72,3 @@ The top-level DOM element that gets created by this component is `<fieldset class="likertScale">`.

is done with React via `refs`. Either create your ref with `React.createRef()` or the `useRef()`
hook. You can then pass your ref to the Likert component.
hook. You can then pass your `ref` to the Likert component.

@@ -103,3 +99,3 @@ ```javascript

### Can I pass DOM attributes such as `id`, `class`, `disabled`, `data-*`, `onClick`, etc.?
### Can I pass in DOM attributes such as `id`, `class`, `disabled`, `data-*`, `onClick`, etc.?

@@ -117,2 +113,2 @@ Sure. They will be applied to the likert component’s top-level DOM element, `<fieldset>`. e.g.:

/>
```
```
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