Livewire Components

Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Add to library

<x-tooltip>
    <x-tooltip.trigger>
        <x-button variant="outline">Hover</x-button>
    </x-tooltip.trigger>
    <x-tooltip.content>
        <p>Add to library</p>
    </x-tooltip.content>
</x-tooltip>

Installation

php artisan vendor:publish --tag=tooltip --force

Usage

<x-tooltip>
    <x-tooltip.trigger>Hover</x-tooltip.Trigger>
    <x-tooltip.content>
        <p>Add to library</p>
    </x-tooltip.content>
</x-tooltip>