0.0.25 • Published 3 months ago
@real-system/stack v0.0.25
Installation
# install peer dependencies
# npm
$ npm install react react-dom @real-system/elements-primitive @real-system/styled-library @real-system/utils-library
# yarn
$ yarn add react react-dom @real-system/elements-primitive @real-system/styled-library @real-system/utils-library
# install stack
# npm
$ npm install @real-system/stack
# yarn
$ yarn add @real-system/stack
Code Example
import { Stack, StackItem, StackSeparator } from '@real-system/stack';
import { Separator } from '@real-system/separator'; // <-- `yarn add @real-system/separator`
const MyComponent = () => {
return (
<>
Vertical Stack Approaches
<Stack separator={<StackSeparator />}>
<Stack.Item>Vertical<Stack.Item>
<StackItem>Stack<StackItem>
</Stack>
Will align-center that stack items
<Stack.Vertical>...</Stack.Vertical>
Horizontal Stack Approaches
<Stack inline>Horizontal Stack</Stack>
<Stack direction="row">...</Stack>
<Stack.Horizontal>...</Stack.Horizontal>
Custom Separator
Will align-center that stack items
<Stack separator={<Separator borderColor="red-200" />}>Custom Separator</Stack>
</>
)
}
0.0.25
3 months ago
0.0.24
3 months ago
0.0.23
4 months ago
0.0.22
4 months ago
0.0.20
7 months ago
0.0.21
7 months ago
0.0.19
7 months ago
0.0.15
2 years ago
0.0.16
1 year ago
0.0.17
1 year ago
0.0.18
1 year ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago
0.0.0
2 years ago