https://github.com/johnwatkins0/react-draggable-splitscreen

A React component for displaying overlapping elements with a draggable splitscreen-like effect.
https://github.com/johnwatkins0/react-draggable-splitscreen

react react-hooks styled-components typescript

Last synced: 2 months ago
JSON representation

A React component for displaying overlapping elements with a draggable splitscreen-like effect.

• Host: GitHub
• URL: https://github.com/johnwatkins0/react-draggable-splitscreen
• Owner: johnwatkins0
• Created: 2017-04-08T17:17:06.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T13:38:10.000Z (almost 2 years ago)
• Last Synced: 2024-10-05T15:15:44.823Z (3 months ago)
• Topics: react, react-hooks, styled-components, typescript
• Language: TypeScript
• Homepage: https://johnwatkins0.github.io/react-draggable-splitscreen/
• Size: 3.69 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-draggable-splitscreen

A React component for displaying overlapping elements with a draggable splitscreen-like effect. See examples [here](https://johnwatkins0.github.io/react-draggable-splitscreen/).

## Install

```

npm install react-draggable-splitscreen

```

## Usage

The component takes two props, `leftSide` and `rightSide`, both of which must be rendered React elements/components.

```Javascript

import * as React from 'react';

import Splitscreen from 'react-draggable-splitscreen';

const MyLeftSide = () => ;

const MyRightSide = () => ;

const MyElement = () => } rightSide={} />

```