react-stickers
v1.0.17
Published
Create draggable stickers with React
Downloads
42
Readme
react-stickers
Create stickers that you can drag and drop with React.
Usage
npm install react-stickers --save
// require default component
import StickerPad from 'react-stickers';
// Pass an array of sticker objects to the react-stickers component
const stickers = [
{img: 'https://www.teachok.com/logo.svg', x: 0, y: 0},
{img: 'https://www.teachok.com/logo-dark.svg', x: 220, y: 220},
];
// Pass an optional options object to the react-stickers component
// Defaults shown:
const options = {
useBoundary: true, // keep stickers inside the pad
overflowHidden: true, // hide the edge of stickers when over edge
}
// Add react-stickers component to page
<StickerPad
stickers={this.state.stickers}
handleMoveSticker={Function}
/>
// ...