Tabs Blade component content

<div>
    <x-filament::tabs label="Content tabs" x-data="{ activeTab: 'tab1' }" contained="false">
        <x-filament::tabs.item alpine-active="activeTab === 'tab1'" x-on:click="activeTab = 'tab1'" active>
            Tab 1
            <x-slot name="badge">
                5
            </x-slot>
            <x-slot name="content">
                <h1> Content</h1>  // THIS NOT WORKING
            </x-slot>
        </x-filament::tabs.item>
        <x-filament::tabs.item alpine-active="activeTab === 'tab2'" x-on:click="activeTab = 'tab2'">
            Tab 2
        </x-filament::tabs.item>
        <x-filament::tabs.item alpine-active="activeTab === 'tab3'" x-on:click="activeTab = 'tab3'">
            Tab 2
        </x-filament::tabs.item>
    </x-filament::tabs>
</div>