unstable_level

The level of the grid starts from 0 and increases when the grid nests inside another grid. Nesting is defined as a container Grid being a direct child of a container Grid.

<Grid container> // level 0
  <Grid container> // level 1
    <Grid container> // level 2

Only consecutive grid is considered nesting. A grid container will start at 0 if there are non-Grid container element above it.

<Grid container> // level 0
  <div>
    <Grid container> // level 0

<Grid container> // level 0
  <Grid>
    <Grid container> // level 0