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 = Button = ; const handleClick = { // ...}; const button = ReactDOM; button; // 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:
- You can use the css-files inside the
css
-folder. - You can use:
Component = require("itsa-react-button/lib/component-styled.jsx");
and build your project withwebpack
. This is needed, because you need the right plugin to handle a requirement of thescss
-file.
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