Have ideas to improve npm?Join in the discussion! »

    itsa-react-togglebutton

    16.0.12 • Public • Published

    Build Status

    Interactive Toggle-button.

    Lightweight, focussable, responses to keypresses and will act quicker than the HTMLButtonElement. Meaning, that the onClick-event gets fired on a mouseDown or keyDown event (native HTMLButtonElement emits on mouseUp).

    How to use:

    const ReactDOM = require("react-dom"),
          ToggleButton = require("itsa-react-togglebutton");
     
    let props = {
        checked: true
    };
     
    const handleChange = () => {
        props.checked = !props.checked;
        renderToggleButton();
    };
     
    const renderToggleButton = () => {
        ReactDOM.render(
            <ToggleButton {...props} onChange={handleChange} />,
            document.getElementById("container")
        );
    };
     
    renderToggleButton();

    About the css

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

    1. You can include the files inside the css-folder of the module: itsa-react-button, which is a dependency.
    2. You can use: Component = require("itsa-react-togglebutton/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-togglebutton

    DownloadsWeekly Downloads

    16

    Version

    16.0.12

    License

    BSD-3-Clause

    Unpacked Size

    1.12 MB

    Total Files

    39

    Last publish

    Collaborators

    • avatar