Nature's Particle Manager

    itsa-react-multiselect

    16.0.8 • Public • Published

    Build Status

    Nice select for React.js with possibility to select multiple items.

    Lightweight, focussable and responses to the spacebar.

    How to use:

    let component, props;
     
    const React = require("react"),
        ReactDOM = require("react-dom"),
        FocusContainer = require("itsa-react-focuscontainer"),
        MultiSelect = require("itsa-react-multiselect");
     
    props = {
        items: [
            "January",
            "February",
            "March",
            "April",
            "May",
            "June",
            "July",
            "August",
            "September",
            "October",
            "November",
            "December"
        ],
        className: "months",
        emptyHTML: "Choose some Months...",
        onChange(newSelected) {
            props.selected = newSelected;
            render();
        },
        required: true,
        markRequired: true
    };
     
    const render = () => {
        ReactDOM.render(
             <MultiSelect {...props} />,
            document.getElementById("component-container")
        );
    };
     
    render();

    About the css

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

    1. You can use the css-files inside the css-folder.
    2. You can use: Component = require("itsa-react-multiselect/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

    Install

    npm i itsa-react-multiselect

    DownloadsWeekly Downloads

    15

    Version

    16.0.8

    License

    BSD-3-Clause

    Unpacked Size

    1.32 MB

    Total Files

    40

    Last publish

    Collaborators

    • itsasbreuk