sbayd / react-flippy Goto Github PK

Hello! thanks for your work!
We use Flippy with material ui so we use classNames instead of styles.
Unfortunately className is not supported on Flippy but supported on FrontSide and BackSide which is strange
please add support of className attribute to Flippy

Hi,

Thanks for the very easy to use library.

I made a code sandbox that reproduces the error.
Here's the code: https://codesandbox.io/s/wispy-sun-vzz0d
And you can view it on your phone using this link: https://vzz0d.codesandbox.io/

I would love if you or someone else could fork a version for vue. That would be amazing!

Currently this requires react 17 which is out of date. Is there a plan to update this to be compatible with react 18?

This package is so awesome and easy to use.
But please fix 'mobile' bugs

require("./styles.css"); in Flippy.js sholdn't be there, in the dist folder, from the npm package.
The above problem causes an issue in my app :(

In all the npm packages that I've used untill now you import the style in you project by hand.
Something like this:
import Flippy, { FrontSide, BackSide } from 'react-flippy';
import 'react-flippy/dist/styles.css';

In the dist folder of the npm package should be the code transpiled in ES5 :(

Hi,

I believe a isFlipped prop would be useful to control the component from outside in a declarative way (instead of the imperative .toggle()). For instance on a memory game where the state of all cards (if they're visible/invisible, flipped/unflipped) is on MobX/Redux.

PS: found your project on "Show HN".