PanelWithSidebox.vue

<template>
  <div class="row">
    <div class="col">
      <slot />
    </div>

    <floating-sidebox :width="sideboxWidth">
      <slot name="sidebar"></slot>
    </floating-sidebox>
  </div>
</template>

<script>
import FloatingSidebox from "./FloatingSidebox.vue";
export default {
  components: { FloatingSidebox },
  props: {
    sideboxWidth: { type: String },
  },
};
</script>

<style></style>