1.0.3 • Published 5 years ago

react-choices-answer v1.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
5 years ago

React Choices Answer Component

This is a React choices and answer component. Helping you build a bunch of dynamic inputs faster.

Install

# npm
npm install react-choices-answer

# yarn
yarn add react-choices-answer

Usage

import React from "react";
import { render } from "react-dom";

import Choices from "react-choices-answer";

render(
  <div>
    <h2>React choices answer demo</h2>
    <Choices
      choices={["c1", "c2", "c3"]}
      answer={0}
      handleSubmit={(choices, answer) => e => {
        e.preventDefault();
        console.log(answer);
      }}
    />
  </div>,
  document.getElementById("app")
);

And here is an example in demo directory, you can download this project and run it.

API

PropertyDescriptiontypedefault
choiceschoices inputsarray-
answeranswer checkboxnumber-
handleSubmitcallback functionfunc-

Development

# install dependences
yarn

# bundle file
yarn build

Then, you can into demo directory to see how it looks:

# install dependences again
yarn

# change import in `src/index.js`
import Choices from "../../lib";

# run it
yarn start

Now, open your browser and type localhost:8080. Mostly webpack will open your browser automaticlly, never mind.

License

MIT