Tooltip - Laravel Blade

Use tooltips to show extra information when hovering over an element.

Default Tooltip

Blade code

<div class="flex gap-4">
    <x-fwb.tooltip id="tooltip-top" placement="top">
        <x-slot:triggerSlot>
            <x-fwb.button>Tooltip top</x-fwb.button>
        </x-slot:triggerSlot>
        Tooltip on top
    </x-fwb.tooltip>

    <x-fwb.tooltip id="tooltip-bottom" placement="bottom">
        <x-slot:triggerSlot>
            <x-fwb.button>Tooltip bottom</x-fwb.button>
        </x-slot:triggerSlot>
        Tooltip on bottom
    </x-fwb.tooltip>
</div>