ExampleSlot

Code of the Vue Component "ExampleSlot"

<template>
    <div>
        <div class="header">
            <slot name="headline">
                <h1>Default</h1>
            </slot>
        </div>
        <div class="content">
            <slot></slot>
        </div>
        <div class="footer">
            <slot name="footer"></slot>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'example-slot',
    };
</script>