itsa-react-informationpopup

Beautiful iOS-stylisch checkbox for react.

Lightweight, focussable and responses to the spacebar.

How to use:

const React = require('react'),
    ReactDOM = require('react-dom'),
    Component = require('./lib/component-styled.jsx');
 
const props = {
    popup: 'Here is something incredably awesome I want to show. its is a long sentence, but that is the idea to show how it will break inside the popup.'
};
 
ReactDOM.render(
    <Component {...props}>?</Component>,
    document.getElementById('component-container')
);

About the css

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

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