Neoclassical Philosophic Musings
    Wondering what’s next for npm?Check out our public roadmap! »

    itsa-react-button

    16.0.10 • Public • Published

    Build Status

    Interactive button, like a normal button, but with extended behaviour.

    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).

    Also, a keyDown event simulates the button as being pressed for at least 300ms, giving the user a better user-experience.

    How to use:

    const ReactDOM = require("react-dom"),
          Button = require("itsa-react-button");
     
    const handleClick = () => {
        // ...
    };
     
    const button = ReactDOM.render(
        <Button buttonText="Press me" onClick={handleClick} />,
        document.getElementById("container")
    );
     
    button.focus();
     
    // button.press() will press the button

    About the css

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

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

    DownloadsWeekly Downloads

    8

    Version

    16.0.10

    License

    BSD-3-Clause

    Unpacked Size

    1.14 MB

    Total Files

    40

    Last publish

    Collaborators

    • avatar