npm
Layout

FloatChrome

Loose chrome row over scenes.

World 2 · Emberfall
4
<FloatChrome floating>
  <Button tone="primary" size="small">Back</Button>
  <Ribbon size="small">World 2 · Emberfall</Ribbon>
  <Counter graphic={<Heart />}>4</Counter>
</FloatChrome>

Loose chrome row for scene screens, back action, title ribbon, one counter. floating positions it absolutely over the scene.