Is it possible to get dynamic component data in component?

I have a toolbar, page-header components, and multiple pages.

toolbar component look like:

    <template>
                <div>
                    <div>
                    <input type="search" placeholder="Search anythings..."/>
                    </div>
                    <div>
                        Notification
                    </div>
                    <div>I want to insert page-header componet here.</div>
                </div>
            </template>

Page header component looks like:

<template>
<div class="app--page-header">
    <slot></slot>
</div>

Pages look like:

<template>
	<div>
        <page-header>
            <h3>Users</h3>
            <button>Test button</button>
        </page-header>
    </div>
</template>

Each page has different types of content, CTA buttons, and info. How can I get component data in the toolbar component?