Scoped Slot option

button> vue-final-modal> template> script> export default { name: 'CustomModal', inheritAttrs: false } script> params type: Any; default: {}

you'd want to hide slots Every Vue component has a special $slots object with all of your slots in it The default slot has the key default , and any named

vue default slot slot here --> slot name=header>slot> header> main> !-- Default slot --> slot>slot> main> footer> slot name=footer>

vue slot MyComponent> template v-slot:default={ doSomething }> span script> import { h } from 'vue'; export default { render