<SurfaceProvider/>
This is a context provider that enables you to use various other components alongside a SurfaceComponent without having to explicitly connect them up.
Usage
<script>
const data = { ... }
const viewOptions = {
...
}
</script>
<template>
<SurfaceProvider>
<SurfaceComponent data={...}/>
<ControlsComponent/>
<MiniviewComponent/>
</SurfaceProvider>
</template>
The list of components that are surface context aware is: