This is a TypeScript library designed to simplify the process of managing layout and data in your React TypeScript projects. It consists of three components: Box, Space, and Stack.
- Lightweight and easy to use
- Zero dependencies
- Box component provides shortcuts for using the flex layout
- Space and Stack components provide additional layout options
You can install this library via npm:
npm install @fastlooptech/layout-components##Usage To use this library, simply import the components you need into your TypeScript project:
import { Box, Space, Stack } from '@fastlooptech/layout-components';Then, you can use these components to manage your layout and data:
<Box width={200} height={200} className="bg-teal">
<Stack direction="column">
<Box grow={1} className="bg-pink" />
<Box grow={2} className="bg-orange" />
</Stack>
</Box>This library is released under the MIT License.
We welcome contributions from anyone! If you'd like to contribute, please follow our contribution guidelines.
This library was developed and is maintained by the FastLoop team.
If you have any feedback or suggestions for this library, please don't hesitate to open an issue. We appreciate your input!
If you need help with this library, please contact us at info_at_fastloop.it or visit our website at https://fastloop.it.