wallacemaxters/filament-image-color-picker

A custom Form Component to pick color from image

Maintainers

Details

github.com/wallacemaxters/filament-image-color-picker

Source

Issues

Installs: 38

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

Language:JavaScript

0.0.5 2024-10-22 18:43 UTC

Requires

MIT 764c58110809a597e2995a4a0e39bb48b35e2f1c

laravelcolor pickerfilamentwallacemaxtersimage color picker

This package is auto-updated.

Last update: 2024-12-22 19:34:39 UTC

README

This library contains a custom form field to pick color from a image.

Install

composer require wallacemaxters/filament-image-color-picker

Usage

Basic Input Usage example:

use WallaceMaxters\FilamentImageColorPicker\ImageColorPicker;

// 

return $form->schema([
    TextInput::make('image_url')->url()->live(),
    ImageColorPicker::make('color')
        ->columnSpanFull()
        ->image(fn ($get) => $get('image_url')),
]);

Use ImageColorPicker as Action:

 Forms\Components\ColorPicker::make('color')
    ->suffixAction(fn ($get) => 
        Forms\Components\Actions\Action::make('color-from-image')
            ->action(function ($set, array $data) {
                $set('color', $data['color']);
            })
            ->icon('heroicon-o-eye-dropper')
            ->form([
                ImageColorPicker::make('color')
                    ->format('hsl')
                    ->image(fn() => $get('image_url'))
            ])

    ),

Preview

preview.mp4