Files
Virtnet.bond/themes/lucentui/views/components/button/secondary.blade.php

15 lines
831 B
PHP

<button
{{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-background-secondary text-sm font-semibold border border-neutral hover:bg-background-secondary/80 active:scale-95 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-neutral/50 focus:ring-offset-2 focus:ring-offset-background transition-transform']) }}>
@if (isset($type) && $type === 'submit')
<div role="status" wire:loading>
<x-ri-loader-5-fill aria-hidden="true" class="size-6 me-2 fill-background animate-spin" />
<span class="sr-only">Loading...</span>
</div>
<div wire:loading.remove>
{{ $slot }}
</div>
@else
{{ $slot }}
@endif
</button>