Filament Emoji Picker

https://github.com/tangodev-it/filament-emoji-picker
Admin
Filament Emoji Picker is a Laravel package that adds an emoji picker action to Filament text inputs...
Tokens:861
Snippets:10
Trust Score:4.3
License:MIT
Update:1 year ago
Show doc for...
Tokens:
Raw
### Install Filament Emoji Picker via Composer

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This command installs the Filament Emoji Picker package into your Laravel project using Composer. It downloads the package and its dependencies.

```bash
composer require tangodev-it/filament-emoji-picker
```

--------------------------------

### Configure Filament Emoji Picker for Internationalization (Italian)

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This PHP snippet shows an example of the published configuration file (`filament-emoji-picker.php`) for setting the picker's locale, i18n script URL, and data source URL for internationalization, specifically demonstrating Italian settings.

```php
<?php
// config for TangoDevIt/FilamentEmojiPicker
return [
    'locale' => 'it',
    'i18n' => 'https://cdn.jsdelivr.net/npm/emoji-picker-element@1.21.3/i18n/it.js',
    'datasource' => 'https://cdn.jsdelivr.net/npm/emoji-picker-element-data@1.6.0/it/cldr-native/data.json'
];
```

--------------------------------

### Install/Publish Filament Emoji Picker Config via Artisan Command

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This Artisan command is an alternative way to publish the configuration file for the Filament Emoji Picker package. It achieves the same result as publishing by tag.

```bash
php artisan filament-emoji-picker:install
```

--------------------------------

### Publish Filament Emoji Picker Config via Artisan Tag

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This Artisan command publishes the configuration file for the Filament Emoji Picker package using a specific tag. This allows you to customize settings like the default language.

```bash
php artisan vendor:publish --tag="filament-emoji-picker-config"
```

--------------------------------

### Add Emoji Picker as Prefix Action in Filament TextInput

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This PHP snippet illustrates adding the EmojiPickerAction as a prefix action to a Filament TextInput field. The action button appears at the beginning of the input field.

```php
TextInput::make('title')
    ->required()
    ->maxLength(255)
    ->prefixAction(EmojiPickerAction::make('emoji-title'));
```

--------------------------------

### Add Emoji Picker as Hint Action in Filament Textarea

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This PHP snippet demonstrates adding the EmojiPickerAction as a hint action specifically to a Filament Textarea field, allowing users to insert emojis into multi-line text.

```php
Textarea::make('messagge')
    ->required()
    ->maxLength(255)
    ->hintAction(EmojiPickerAction::make('emoji-messagge'));
```

--------------------------------

### Customize Emoji Picker Hint Action Icon and Label

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This PHP snippet shows how to customize the icon and label displayed for the EmojiPickerAction when used as a hint action. The label is only visible for hint actions.

```php
TextInput::make('title')
    ->required()
    ->maxLength(255)
    ->hintAction(EmojiPickerAction::make('emoji-title')
        ->icon('paint-brush')
        ->label('Choose an emoji')
    );
```

--------------------------------

### Add Emoji Picker as Hint Action in Filament TextInput

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This PHP snippet shows how to attach the EmojiPickerAction as a hint action to a Filament TextInput. The action appears near the field's hint text.

```php
TextInput::make('title')
    ->required()
    ->maxLength(255)
    ->hintAction(EmojiPickerAction::make('emoji-title'));
```

--------------------------------

### Customize Emoji Picker Popup Placement and Offset

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This PHP snippet demonstrates how to change the positioning and pixel offset of the emoji picker popup relative to the action button using `popupPlacement` and `popupOffset` methods.

```php
TextInput::make('title')
    ->required()
    ->maxLength(255)
    ->prefixAction(EmojiPickerAction::make('emoji-titolo')
        ->popupPlacement('bottom-start')
        ->popupOffset([-7, 4])
    );
```

--------------------------------

### Add Emoji Picker as Suffix Action in Filament TextInput

Source: https://github.com/tangodev-it/filament-emoji-picker/blob/main/README.md

This PHP snippet demonstrates how to add the EmojiPickerAction as a suffix action to a Filament TextInput field. The action button appears at the end of the input field.

```php
use TangoDevIt\FilamentEmojiPicker\EmojiPickerAction;

TextInput::make('title')
    ->required()
    ->maxLength(255)
    ->suffixAction(EmojiPickerAction::make('emoji-title'));
```
Tokens:
Raw