<x-header title="Default size" subtitle="With subtitle and separator" separator />
 
<x-header title="Custom size" size="text-xl" separator />
 
<x-header title="With Anchor" subtitle="Click on title " with-anchor separator />
 
<x-header title="Users" subtitle="This is responsive" separator>
    <x-slot:middle class="!justify-end">
        <x-input icon="o-bolt" placeholder="Search..." />
    </x-slot:middle>
    <x-slot:actions>
        <x-button icon="o-funnel" />
        <x-button icon="o-plus" class="btn-primary" />
    </x-slot:actions>
</x-header>

{{--  This fires when you call any action on the page  --}}
<x-header title="Always fires" separator progress-indicator />
 
{{-- This fires when you call the `save` action --}}
<x-header title="Only by `save`" separator progress-indicator="save" />
 
<x-button label="Some action" wire:click="something" />
 
<x-button label="Save action" wire:click="save" class="btn-warning" />