2022-06-01 10:15:55 +03:00
|
|
|
@props(['id', 'name', 'active'])
|
|
|
|
|
|
2022-08-17 16:14:07 +03:00
|
|
|
<li
|
|
|
|
|
class="relative px-8 text-sm text-center pb-2 cursor-pointer transition-all border-b tabs-link"
|
2022-06-01 10:15:55 +03:00
|
|
|
id="tab-{{ $id }}"
|
|
|
|
|
data-id="tab-{{ $id }}"
|
|
|
|
|
data-tabs="{{ $id }}"
|
|
|
|
|
x-on:click="active = '{{ $id }}'"
|
2022-08-17 16:14:07 +03:00
|
|
|
x-bind:class="active != '{{ $id }}' ? 'text-black' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
2022-06-22 16:23:01 +03:00
|
|
|
{{ $attributes }}
|
2022-06-01 10:15:55 +03:00
|
|
|
>
|
|
|
|
|
@if ($slot->isNotEmpty())
|
|
|
|
|
{!! $slot !!}
|
|
|
|
|
@else
|
|
|
|
|
{{ $name }}
|
|
|
|
|
@endif
|
|
|
|
|
</li>
|
