react-easter

Easily add Easter eggs to your React app


Installation

With npm:

``sh
$ npm install --save-dev react-easter
`

Or with Yarn:

`sh
$ yarn add react-easter
`

Usage

The usage is very simple, there is just a couple of props to pass.

`jsx
const EasterEgg = require('react-easter');

// ...

render() {
return (
keys={/ Array of keys to type to trigger the easter egg /}
simultaneous={/ Add this prop if keys should be pressed all together /}
timeout={/ Duration to show your easter egg, easter egg is displayed forever if prop is not set /}>
{/ Your easter egg JSX goes here /}

);
}
`

You can add react-easter anywhere in your component hierarchy, because it adds a global
keyboard events listener and doesn't stops any event bubbling.

For example:

`jsx
const EasterEgg = require('react-easter');


export default class YourComponent extends React.Component {
render() {
const konamiCode = [
'arrowup',
'arrowup',
'arrowdown',
'arrowdown',
'arrowleft',
'arrowright',
'arrowleft',
'arrowright',
'b',
'a',
'enter'
];

return (
timeout={5000}>