andcarpi / laravel-popper Goto Github PK

I want to use laravel-popper to show a card with certain information. Due to the fact that my card information, which should be displayed when hovering, has many HTML tags. Is there a way to import Laravel blade files?

Something like this would be fine:

<span @popper(@include('partials.poppers.card'))>Hover Me!</span>

In laravel livewire 3, wire:navigate doesn't work if I include the @include('popper::assets')

I have a table with icons in a td.
I have wrapped an svg icon with the Popper tag.

The tooltip is only visible on the first row in the table.
The following rows does not show any tooltip.

This is in my blade file

<span {{ Popper::arrow('round')->pop($column->tooltip)  }}>
     @svg('light/exclamation-triangle', 'td-icon ')
</span>

This is the generated html

<span data-tippy="Size is missing" data-tippy-arrow="true" data-tippy-arrowtype="round">
    <svg class="svg-icon td-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M270.2 160h35.5c3.4 0 6.1 2.8 6 6.2l-7.5 196c-.1 3.2-2.8 5.8-6 5.8h-20.5c-3.2 0-5.9-2.5-6-5.8l-7.5-196c-.1-3.4 2.6-6.2 6-6.2zM288 388c-15.5 0-28 12.5-28 28s12.5 28 28 28 28-12.5 28-28-12.5-28-28-28zm281.5 52L329.6 24c-18.4-32-64.7-32-83.2 0L6.5 440c-18.4 31.9 4.6 72 41.6 72H528c36.8 0 60-40 41.5-72zM528 480H48c-12.3 0-20-13.3-13.9-24l240-416c6.1-10.6 21.6-10.7 27.7 0l240 416c6.2 10.6-1.5 24-13.8 24z"></path></svg>
</span>

Config is currently based on:

        'cdn' => 'https://unpkg.com/popper.js@1',
        'cdn' => 'https://unpkg.com/tippy.js@4',

Available are:

        'cdn' => 'https://unpkg.com/@popperjs/core@2',
        'cdn' => 'https://unpkg.com/tippy.js@6',

But neither seem to work with laravel-popper.
When I enable either one or both I don't see a console error, but also no tooltip.

Hello

I have a livewire page with filters and it loops items on the page.

Everything works fine but when I change filters and the items change, popper will not change the popper text even the content changes. The markup on html is correct and changes, but for somereason it displays the "old content"

Code to show popper:
<div @popper({{ $event['short_info'] }}) class="text-xs whitespace-nowrap">{{ $event['name'] }}</div>

Any ideas how to fix this?

It goes away when using livewire pagination.
Is there a solution to this ?

Hello, i got problem when change mode from cdn to asset, and popper not showing.

Can you help?

Thanks