README
React Spaces
An easy to understand and nestable layout system, React Spaces allow you to divide a page or container into anchored, scrollable and resizable spaces enabling you to build desktop/mobile type user interfaces in the browser.
Rather than a library of visual UI components, Spaces are intended to be the reusable foundational blocks for laying out a UI which responds neatly to view port resizes leaving you to fill them with whatever components you want.
- No styling to achieve simple or complex layouts.
- Spaces know how to behave in relation to each other and resize accordingly.
- Spaces don't have any visual element to them (even padding or margins). You can fill them with whatever you want.
Version 0.2.0 release - read release notes here.
View full documentation here.
Top level spaces
Used at the top level of all other spaces.
<ViewPort />
This space will take over the full viewport of the browser window. Resizing the browser window will automatically adjust the size of this space and all the nested spaces.
<Fixed />
This space can be given a height and optionally a width (by default it will size to 100% of it's container). All nested spaces will be contained within this fixed size space.