How to Create Tabs with Accordion with Alpine JS
Here's a more complex component that combines both tabs and accordions, thankfully, these are two things that Alpine JS can manage easily.
An extra feature this has over the two standard components it's built from is the addition of the "all" tab, which allows all tabs content to show at once. This is something that's easy to add to any tab component as you just change the check of the active tab from:
activeTab === '???'
activeTab === '???' || activeTab === 'all'