Download the PHP package tangodev-it/filament-emoji-picker without Composer
On this page you can find all versions of the php package tangodev-it/filament-emoji-picker. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download tangodev-it/filament-emoji-picker
More information about tangodev-it/filament-emoji-picker
Files in tangodev-it/filament-emoji-picker
Package filament-emoji-picker
Short Description Add an emoji picker to your Filament input fields
License MIT
Homepage https://github.com/tangodev-it/filament-emoji-picker
Informations about the package filament-emoji-picker
Filament Emoji Picker
Add an emoji picker to your Filament input fields.
Installation
You can install the package via composer:
You can publish the config file with:
or
Publish the config file if you want to change the default language of the picker (English). See the "Internationalization" section below for further details.
Usage
Just add the EmojiPickerAction
to your existing input fields and you're ready to go 🚀.
Never heard about form actions? Read more.

Click on the action to show the emoji picker:

Pick an emoji and it will be automatically appended to the field content:

You can add the EmojiPickerAction
also as a hint action:

Or as a prefix action:

You can attach the EmojiPickerAction
also to a Textarea
field:

Action customization
Like any other action, you can set the icon and the label (visible only on hint actions).

By default the icon is heroicon-o-face-smile
and the label is Emoji
. The label is only visible in hint actions.
Popup positioning
You can change the position and the offset (in pixel) of the popup:

Possible placements:
auto
auto-start
auto-end
top
top-start
top-end
bottom
bottom-start
bottom-end
right
right-start
right-end
left
left-start
left-end
The default placement is bottom-end
and the default offset is [7,4]
.
Internationalization
You can change the picker language by publishing the config file (see the "Installation" section) and editing it:
Here's an example for the italian translation:
For further informations please refer to the underlying javascript library documentation.
Theming
Out of the box the picker supports light and dark mode:


To further customize the style of the picker please refer to the underlying javascript library documentation.
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
- emoji-picker-element
- TangoDev
- All Contributors
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-emoji-picker with dependencies
filament/filament Version ^3.0
spatie/laravel-package-tools Version ^1.15.0