A lightweight React component for gathering Net Promoter Score surveys. See demo.
$ npm install react-nps-input --save
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>
);
}
})
[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 istrue
)