https://github.com/thoriqdharmawan/react-flip

flip flop flup :construction: flip your React component :carousel_horse: :carousel_horse:
https://github.com/thoriqdharmawan/react-flip

Last synced: about 1 month ago
JSON representation

flip flop flup :construction: flip your React component :carousel_horse: :carousel_horse:

• Host: GitHub
• URL: https://github.com/thoriqdharmawan/react-flip
• Owner: thoriqdharmawan
• Created: 2020-06-01T11:20:32.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-23T02:23:58.000Z (8 months ago)
• Last Synced: 2024-09-25T15:28:48.751Z (3 months ago)
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/react-flip-thoriqdharmawan
• Size: 1.57 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-flip

> "D

[![NPM](https://img.shields.io/npm/v/react-flip.svg)](https://www.npmjs.com/package/react-flip) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash

npm install --save react-flip

```

## Usage

```jsx

import React, { Component } from "react";

import { Wrapper } from "react-flip";

const Example = () => {

  const style = {

    content: {

      backgroundColor: "#bbb",

      position: "absolute",

      width: "100%",

      height: "100%",

      backfaceVisibility: "hidden",

    },

    content2: {

      backgroundColor: "#2980b9",

      position: "absolute",

      width: "100%",

      height: "100%",

      backfaceVisibility: "hidden",

      transform: "rotateY(180deg)",

    },

  };

  return (

    

      


      


    

  );

};

```


## License

MIT © [thoriqdharmawan](https://github.com/thoriqdharmawan)