Tabs: to allow full external customisation

[SOG-web]

I added the ability for devs to customize the tabs component to there use case. I will add update to the docs next

[SOG-web]

I can't find the docs site in the repo

[robsontenorio]

https://github.com/robsontenorio/mary-ui.com

[SOG-web]

This is a simple different use case

<x-custom-tabs label-class="font-semibold" label-div-class="flex overflow-x-auto w-full" active-class='bg-primary'
                   wire:model="selectedTab"
                   class="!border-none w-full">
        <x-tab id="all-tab" name="all-tab" label="All" class="!border-none">
            <div class="w-full flex flex-col items-start justify-start gap-4 !border-none">
                <div>All</div>
            </div>
        </x-tab>
        <x-tab name="graded-tab" label="Graded">
            <div>Tricks</div>
        </x-tab>
        <x-tab name="ungraded-tab">
            <x-slot:label>
                Ungraded
                <x-badge value="3" class="badge-primary"/>
            </x-slot:label>
            <div>Musics</div>
        </x-tab>
    </x-custom-tabs>

[SOG-web]

https://github.com/robsontenorio/mary-ui.com

Thanks, can I go ahead to update the docs

[SOG-web]

docs updated, pull request sent. Thanks so much

[robsontenorio]

Thanks!