8 lines
489 B
PHP
8 lines
489 B
PHP
@props(['on' => false, 'label' => null])
|
|
|
|
<button type="button" role="switch" aria-checked="{{ $on ? 'true' : 'false' }}"
|
|
@isset($label) aria-label="{{ $label }}" @endisset
|
|
{{ $attributes->merge(['class' => 'relative w-9 h-5 rounded-full shrink-0 transition-colors duration-200 '.($on ? 'bg-accent' : 'bg-inset')]) }}>
|
|
<span class="absolute top-[2px] h-4 w-4 rounded-full transition-all duration-200 {{ $on ? 'left-[18px] bg-base' : 'left-[2px] bg-ink-3' }}"></span>
|
|
</button>
|