npm
Layout

Body

The scrolling content column.

Body is the scrolling content column between the chrome and the docks, it spaces its children and reserves bottom padding for the BottomStack. See any screen example.

<Body style={{ paddingBottom: 180 }}>
  <Panel tone="paper">…</Panel>
  <Panel tone="primary">…</Panel>
</Body>

Its children cascade upward one by one during the entrance choreography. Give it extra bottom padding matching your dock stack.