0.0.19 • Published 6 months ago
@techanzo-pvt-ltd/layouts v0.0.19
layouts
This library helps us to create simple components like Stack , Grid and mosaic grid.
Installation
Install the package in your directory with
Npm
npm install @techanzo-pvt-ltd/layouts
Yarn
yarn add @techanzo-pvt-ltd/layouts
Usage
import {Stack} from '@techanzo-pvt-ltd/layouts'
function App() {
return (
<Stack >
{children}
</Stack>
)
}
You can use Stack
for flex countainer properties.
import {Stack} from '@techanzo-pvt-ltd/layouts'
function App() {
return (
<Stack >
<Stack.Item>Test-1</Stack.Item>
<Stack.Item>Test-2</Stack.Item>
<Stack.Item>Test-3</Stack.Item>
</Stack>
)
}
You can use Stack.Item
for flex clild properties or you can use your components
or div
etc...
API Reference
<Stack />
Create flex container
<Stack.Item />
Create flex child container
Properties from Stack
- gap
- direction
- flex-wrap
- justify-content
- justify-items
- align-items
- align-content
Properties from Stack.Item
- order
- flex
- flex-grow
- flex-shrink
- flex-basis
- align-self
- justify-self
License
0.0.19
6 months ago
0.0.18
6 months ago
0.0.17
6 months ago
0.0.16
6 months ago
0.0.15
6 months ago
0.0.14
6 months ago
0.0.13
6 months ago
0.0.12
6 months ago
0.0.11
6 months ago
0.0.10
6 months ago
0.0.9
6 months ago
0.0.8
6 months ago
0.0.7
6 months ago
0.0.6
6 months ago
0.0.5
6 months ago
0.0.4
6 months ago
0.0.3
6 months ago
0.0.2
6 months ago
0.0.1
6 months ago