andcarpi / laravel-popper Goto Github PK
View Code? Open in Web Editor NEWA simple and easy to use package that generates tooltips in your Laravel views.
Home Page: https://andcarpi.github.io/laravel-popper/
License: MIT License
A simple and easy to use package that generates tooltips in your Laravel views.
Home Page: https://andcarpi.github.io/laravel-popper/
License: MIT License
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 ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.