{ReStory}

Layout/Grid: StretchContent

Grid layout component with column control and alignment
View fullscreen
Source Code
1export const StretchContent = component(() => (
2 ​<Grid columns={3} gap="md">
3 ​ ​<GridCol align="stretch">
4 ​ ​ ​<TallBox>
5 ​ ​ ​ ​Stretched Content
6 ​ ​ ​</TallBox>
7 ​ ​</GridCol>
8
9 ​ ​<GridCol>
10 ​ ​ ​<TallBox>
11 ​ ​ ​ ​Normal Height
12 ​ ​ ​</TallBox>
13 ​ ​</GridCol>
14
15 ​ ​<GridCol align="stretch" justify="center">
16 ​ ​ ​<TallBox>
17 ​ ​ ​ ​Stretched & Centered
18 ​ ​ ​</TallBox>
19 ​ ​</GridCol>
20 ​</Grid>
21));