Giter VIP home page Giter VIP logo

popover's Introduction

Show a Popover (tippyjs) with custom content in tables and infolist.

Latest Version on Packagist Code Style Total Downloads Total Downloads

Features

  • ๐Ÿ”ฅ trigger (click)
  • ๐Ÿ”ฅ placement (right)
  • ๐Ÿ”ฅ offset from the content
  • ๐Ÿ”ฅ Max Width
  • ๐Ÿ”ฅ icon

Screenshots

Demo

Visit our demo site: https://demo.larazeus.com/admin/components-demo/popover

Full Documentation

Visit our website to get the complete documentation: https://larazeus.com/docs/popover

Changelog

Please see CHANGELOG for more information on recent changes.

Support

available support channels:

Contributing

Please see CONTRIBUTING for details.

Security

If you find any security-related issues, please email [email protected] instead of using the issue tracker.

Credits

License

The MIT License (MIT). Please have a look at License File for more information.

popover's People

Contributors

a7medkhalid avatar andreazanini avatar atmonshi avatar dependabot[bot] avatar github-actions[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

popover's Issues

Widget in popup

It would be really great to have a widget or filament component in the popup, having the same strcture for the popup too.

like to do ->content(Infolist::make()->schema([TextEntry::make( ... and so on

Is it possible?

Missing state editing

Hello again,
i need to show the sum of some prices in the table and I would like with the popover to show a detail like a small cart.
I have multiple values and can sum properly with normal TextColumn by using formatStateUsing...
but when I use it with your package it says

Method LaraZeus\Popover\Tables\PopoverColumn::formatStateUsing does not exist.

So how can I do something similar?
Thanks

hover trigger

I just added:

@pointerenter="$time = setTimeout(() => { open = true }, 200)"
@pointerleave="clearTimeout($time); open = false"

and it worked...

I'm missing something? Can we add hover support?

Disable when no content?

I want to show the popup only when I have "notes".
I can return an empty string, but the popup is still there (empty).
Any way to disable it when no content?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.