10.39.3 • Published 4 years ago
@commercetools-uikit/stack v10.39.3
Stack
Description
If you want to learn more about the spacing components take a look at this article.
Usage
import SpacingsStack from '@commercetools-uikit/spacings-stack';
<SpacingsStack scale="m">
<Card />
<Card />
<Card />
</SpacingsStack>;
Using Spacings preset
Stack spacing can be imported and used via spacings
preset as well.
import Spacings from '@commercetools-frontend/spacings';
<Spacings.Stack scale="m">
<Card />
<Card />
<Card />
</Spacings.Stack>;
Properties
Props | Type | Required | Values | Default |
---|---|---|---|---|
scale | String | - | ['xs', 's', 'm', 'l', 'xl'] | s |
alignItems | oneOf | - | ['stretch', 'flex-start', 'flex-end', 'center'] | stretch |
children | PropTypes.node | - | - | - |
Scales
Scale | Pixel |
---|---|
xs | 4 |
s | 8 |
m | 16 |
l | 24 |
xl | 32 |
0.0.0-canary-202010474929
4 years ago
0.0.0-canary-202010414016
4 years ago
10.39.2
4 years ago
10.39.3
4 years ago
0.0.0-canary-2020103182138
4 years ago
0.0.0-canary-2020103203835
4 years ago
0.0.0-canary-2020103141922
4 years ago
10.39.1
4 years ago
0.0.0-canary-202010215528
4 years ago
0.0.0-canary-202092995452
4 years ago