Page header

Title, description, and trailing actions for app pages.

Install + use

Blocks ship as electrik/slate-blocks. Copy the sample usage below, then wire props to your routes.

composer require electrik/slate-blocks


@source '../../vendor/electrik/slate-blocks/resources/views/**/*.blade.php';

Sample usage

<div class="bg-muted/20 p-6 sm:p-10">
    <x-slate-block::page-header
        title="Projects"
        description="Manage workspaces and deployments for this team."
    >
        <x-slot:actions>
            <x-slate::button variant="outline" size="sm">Import</x-slate::button>
            <x-slate::button size="sm">New project</x-slate::button>
        </x-slot:actions>
    </x-slate-block::page-header>
</div>

Projects

Manage workspaces and deployments for this team.