10 lines
608 B
PHP
10 lines
608 B
PHP
|
@props(['tooltip' => 'Unknown' ])
|
||
|
|
|
||
|
|
<button type="button" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group first:rounded-s-full last:rounded-e-full">
|
||
|
|
{{ $slot }}
|
||
|
|
<span class="sr-only">{{ $tooltip }}</span>
|
||
|
|
<div role="tooltip" class="absolute z-10 group-hover:visible group-hover:opacity-100 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 dark:bg-gray-700 -translate-y-full origin-top-left -mt-2 top-0">
|
||
|
|
{{ $tooltip }}
|
||
|
|
</div>
|
||
|
|
</button>
|