4.5.0 ā¢ Published 5 years ago
react-dynamic-layout v4.5.0
React Dynamic Layout is a dock layout system inspired by Golden Layout, made with react.js
š Homepage
Features
- Easy way to create layouts
- Multiple levels of hierarchy
- Float windows
- Panel stack
- Multiple themes
- Resizable
Install
npm install --save react-dynamic-layout
Example
import React from 'react';
import ReactDOM from 'react-dom';
import { Layout, Container } from 'react-dynamic-layout';
import CenterName from '../components/CenterName';
const SimpleExample = () => (
<Layout type={Layout.COLUMN}>
<Container initialSize="30%">
<CenterName name="Top" />
</Container>
<Container>
<Layout type={Layout.ROW}>
<Container>
<CenterName name="Bottom Left" />
</Container>
<Container>
<CenterName name="Bottom Right" />
</Container>
</Layout>
</Container>
</Layout>
);
ReactDOM.render(<SimpleExample />, document.getElementById('root'));
NOTE: Look into example folder for more advanced usages
Author
š¤ Jose Albizures
- Twitter: @_albizures
- Github: @albizures
Wishlist
- Drag and Drop
- Layout serialization
- Open and close tabs
š¤ Contributing
Contributions, issues and feature requests are welcome!Feel free to check issues page.
Show your support
Give a āļø if this project helped you!
š License
Copyright Ā© 2019 Jose Albizures. This project is MIT licensed.
This README was generated with ā¤ļø by readme-md-generator
4.7.0-beta.4
5 years ago
4.7.0-beta.3
5 years ago
4.7.0-beta.2
5 years ago
4.7.0-beta.1
5 years ago
4.7.0-beta.0
5 years ago
4.6.0
5 years ago
0.0.0-development
5 years ago
4.5.0
5 years ago
4.4.0
5 years ago
4.3.0
5 years ago
4.2.0
5 years ago
4.1.0
5 years ago
4.0.0
5 years ago
3.0.0
5 years ago
2.3.3
7 years ago
2.3.2
7 years ago
2.3.1
7 years ago
2.3.0
7 years ago
2.2.0
7 years ago
2.1.0
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.2.0
7 years ago
1.1.1
7 years ago
1.1.0
7 years ago
1.0.0
7 years ago