netlify-cms-widget-rating

A rating widget for Netlify CMS

Usage no npm install needed!

<script type="module">
  import netlifyCmsWidgetRating from 'https://cdn.skypack.dev/netlify-cms-widget-rating';
</script>

README

netlify-cms-widget-rating

Check out a demo!

Add a rating widget to Netlify CMS.

Features a range slider with 0.5 step value between 0-10.

How to use

Add to your Netlify CMS configuration:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Content Manager</title>
  </head>
  <body>
    <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
    <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
    <script src="https://unpkg.com/netlify-cms-widget-rating/dist/main.js"></script>
    <script>
        const ratingWidget = window.NetlifyCmsWidgetRating;
        CMS.registerWidget('rating', ratingWidget.control, ratingWidget.preview);
    </script>
  </body>
</html>

    fields:
      - { name: Rating, label: Rate, widget: rating }

Commands

Develop:

npm start

Build:

npm run build