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.
Version Compatibility
| Filament | Filament Emoji Picker |
|---|---|
| 3.x | 1.x |
| 4.x | 2.x |
| 5.x | 3.x |
Use composer require tangodev-it/filament-emoji-picker:^3.0 on Filament 5, or ^2.0 if you are still on Filament 4.
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 forms? 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:
autoauto-startauto-endtoptop-starttop-endbottombottom-startbottom-endrightright-startright-endleftleft-startleft-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 information 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
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-emoji-picker with dependencies
filament/filament Version ^5.0
spatie/laravel-package-tools Version ^1.15.0