https://github.com/pjb0811/react-motion-window
window app using react & react-motion
https://github.com/pjb0811/react-motion-window
react react-motion window
Last synced: 6 months ago
JSON representation
window app using react & react-motion
- Host: GitHub
- URL: https://github.com/pjb0811/react-motion-window
- Owner: pjb0811
- Created: 2018-08-24T09:11:16.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-09-13T05:17:21.000Z (over 7 years ago)
- Last Synced: 2025-02-09T09:41:19.622Z (about 1 year ago)
- Topics: react, react-motion, window
- Language: TypeScript
- Homepage:
- Size: 446 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-motion-window
> window app using react & react-motion
[](https://www.npmjs.com/package/react-motion-window) [](https://standardjs.com)
This package is included in [react-motion-components](https://github.com/pjb0811/react-motion-components).
## Install
```bash
npm install --save react-motion-window
```
## Usage
[demo](https://codesandbox.io/s/2062nnw20n)
```tsx
import * as React from 'react';
import Window from 'react-motion-window';
export default class App extends Component {
render() {
return (
{
this.window.addWindow();
}}
>
add window
{
this.window.removeWindow();
}}
>
remove window
(this.window = window)}
width={200}
height={200}
position="center"
direction="top"
titlebar={{
use: true,
title: 'test'
}}
>
test
);
}
}
```
## License
MIT © [pjb0811](https://github.com/pjb0811)