Filament: Icon Picker Select Field with Live Icon Display

In the Model, the database column is casted to the enum.

class Category extends Model
{
    protected $fillable = [
        'name',
        'icon',
    ];
 
    protected function casts(): array
    {
        return [
            'icon' => HeroIcons::class,
        ];
    }
}

The enum class is generated manually. To generate enum values, all Heroicons are retrieved from the blade-ui-kit/blade-heroicons package, which is installed with the Filament. Icons are found in the /vendor/blade-ui-kit/blade-heroicons/resources/svg folder.

Below is a simple code that shows all Heroicons in the browser as an enum syntax. It can then be copied to a created enum class.

$filesystem = app(\Illuminate\Filesystem\Filesystem::class);
 
$files = $filesystem->allFiles(base_path('/vendor/blade-ui-kit/blade-heroicons/resources/svg'));
 
// ...