16.0.7 • Published 7 years ago

itsa-react-multicheckbox v16.0.7

Weekly downloads
2
License
BSD-3-Clause
Repository
github
Last release
7 years ago

Build Status

Beautiful multiple iOS-stylisch checkboxes for react.

Lightweight, focussable and responses to the spacebar.

To quickly render a list of selectable options.

How to use:

"use strict";

const React = require("react"),
    ReactDOM = require("react-dom"),
    Component = require("itsa-react-multicheckbox");

const handleChange = newChecked => {
    props.checked = newChecked;
    renderMultiCheckboxComponent();
};

let props = {
    autoFocus: true,
    options: [
        "Januari",
        "Februari",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December"
    ],
    checked: 3,
    onChange: handleChange
};

const renderMultiCheckboxComponent = () => {
    ReactDOM.render(
        <Component {...props} />,
        document.getElementById("component-container")
    );
};

renderMultiCheckboxComponent();

About the css

You need the right css in order to make use of itsa-react-multicheckbox. There are 2 options:

  1. You can use the css-files inside the css-folder. You also will need to use the css from itsa-react-option: require("itsa-react-option/css/component.scss").
  2. You can use: Component = require("itsa-react-multicheckbox/lib/component-styled.jsx"); and build your project with webpack. This is needed, because you need the right plugin to handle a requirement of the scss-file.

View live example

API

If you want to express your appreciation

Feel free to donate to one of these addresses; my thanks will be great :)

  • Ether: 0xE096EBC2D19eaE7dA8745AA5D71d4830Ef3DF963
  • Bitcoin: 37GgB6MrvuxyqkQnGjwxcn7vkcdont1Vmg
16.0.7

7 years ago

16.0.6

7 years ago

16.0.5

7 years ago

16.0.4

8 years ago

16.0.3

8 years ago

16.0.2

8 years ago

16.0.1

8 years ago

16.0.0

8 years ago

15.0.7

9 years ago

15.0.6

9 years ago

15.0.5

9 years ago

15.0.4

9 years ago

15.0.3

9 years ago

15.0.2

9 years ago

15.0.1

9 years ago

15.0.0

9 years ago