Skip to content

Instantly share code, notes, and snippets.

@IgorDePaula
Created June 3, 2024 13:46
Show Gist options
  • Save IgorDePaula/2f28516b9ea57270a18f96c2d979ba5c to your computer and use it in GitHub Desktop.
Save IgorDePaula/2f28516b9ea57270a18f96c2d979ba5c to your computer and use it in GitHub Desktop.
<x-filament-widgets::widget>
<x-filament::tabs x-data="{ activeTab: 'tab1' }" class="flex flex-col">
<div class="mt-2 w-full flex flex-row">
<x-filament::tabs.item alpine-active="activeTab === 'tab1'" tag="a" x-on:click="activeTab = 'tab1'">
Tab 1
</x-filament::tabs.item>
<x-filament::tabs.item alpine-active="activeTab === 'tab2'" tag="a" x-on:click="activeTab = 'tab2'" >
Tab 2
</x-filament::tabs.item>
<x-filament::tabs.item alpine-active="activeTab === 'tab3'" tag="a" x-on:click="activeTab = 'tab3'" >
Tab 3
</x-filament::tabs.item>
</div>
<div class="mt-2 w-full">
<div x-show="activeTab === 'tab1'">
your livewire view 1
</div>
<div x-show="activeTab === 'tab2'">
2 your livewire view
</div>
</div>
</x-filament::tabs>
</x-filament-widgets::widget>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment