README

Filament图标选择器和提供程序

为FilamentPHP的Picker、表格列和图标提供程序

屏幕截图

安装

composer require tomatophp/filament-icons

安装后使用此命令缓存所有图标

php artisan filament-icons:install

使用方法

use TomatoPHP\FilamentIcons\Components\IconPicker;

public static function form(Form $form): Form
{
    return $form
        ->schema([
            IconPicker::make('icon')
                ->default('heroicon-o-academic-cap')
                ->label('Icon'),
        ]);
}

use TomatoPHP\FilamentIcons\Components\IconColumn;

public static function table(Table $table): Table
{
    return $table
        ->columns([
            IconColumn::make('icon')
                ->label('Icon'),
        ]);
}

添加自定义图标

您可以通过在提供程序内使用此外观类来添加自定义图标库，如下所示

use TomatoPHP\FilamentIcons\Facades\FilamentIcons;

public function boot(): void
{
    FilamentIcons::register('boxicons')
        ->asset('https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css')
        ->template('<i class="{ ICON }"></i>', 'text-xl', 'text-sm')
        ->icons([
            "bx bx-accessibility",
            "bx bx-add-to-queue",
            "bx bx-adjust"
        ])  
        ->replace(['bx ', 'bxs-', 'bxl-', 'bx-'])
        ->save();
}

然后您需要使用此命令清除缓存

php artisan filament-icons:clear

要重新缓存，请使用此命令

php artisan filament-icons:install

您可以使用此Box图标快照尝试添加Box图标

发布资源

您可以使用此命令发布视图文件

php artisan vendor:publish --tag="filament-icons-views"

发布配置

您可以使用此命令发布配置文件

php artisan vendor:publish --tag="filament-icons-config"

其他Filament包

查看我们的Awesome TomatoPHP