Skip to content

samvil/react-nps-input

 
 

Repository files navigation

react-nps-input

Build Status NPM version

A lightweight React component for gathering Net Promoter Score surveys. See demo.

Installation

$ npm install react-nps-input --save

Usage

const React = require('react');
const NPSInput = require('react-nps-input');

const MyApp = React.createClass({
    onSubmit({ score }) {
        console.log(`Score for current user is ${score}/10`);
    },

    render() {
        return (
            <div>
                <NPSInput onSubmit={this.onSubmit}>{({ score }) => {
                    if (score >= 9) {
                        return <p>Awesome thank you!</p>;
                    } else {
                        return <p>Oh :(</p>;
                    }
                }}</NPSInput>
            </div>
        );
    }
})

Props

  • [Function] onSubmit: function to call when the user clicked on a score
  • [Function] onDismissed: function to call when the user clicked to dismiss the form
  • [String] service (Optional): name of the service for the introduction message
  • [Boolean] animated (Optional): show animation for apparition (default is true)

Packages

No packages published

Languages

  • JavaScript 60.9%
  • CSS 36.1%
  • HTML 3.0%