ʃaxtəl
schachtel The shallow grid with infinite depth
When you put "Schachteln" in a "Schachtel" you "schachtel Schachteln"
When you put "boxes" in a "box" you "box boxes"
npm i schachtel
import React from 'react'import Grid SubGrid Column from 'schachtel' const Layout = <Grid> <Column ='section'> First Column </Column> <Column ='aside'> second Column </Column> <Column> <SubGrid> No gutter </SubGrid> <SubGrid> <Column = => Same grid as root level</Column> </SubGrid> </Column> </Grid>
import React from 'react'import Grid SubGrid Column from 'schachtel' const Layout = <Grid> <Column = = => Always span fullWidth</Column> <Column => shortcut fullWidth </Column> </Grid>
<Column = => <SubGrid>SubGrids have no gutter </SubGrid> <SubGrid>I am a subgrid with 4 columns </SubGrid> <SubGrid>On tablets and above I have 6 columns </SubGrid> <SubGrid> <Column => I am requesting 6 columns but will only get 4 until more are available </Column> <Column => If my parents allowed it I would be 12 units wide </Column> </SubGrid></Column>