codeat3 / blade-element-plus-icons
一个用于在 Laravel Blade 视图中轻松使用 "Element Plus Icons" 的软件包。
1.0.0
2024-06-01 20:06 UTC
Requires
- php: ^7.4|^8.0
- blade-ui-kit/blade-icons: ^1.1
- illuminate/support: ^8.0|^9.0|^10.0|^11.0
Requires (Dev)
- codeat3/blade-icon-generation-helpers: ^0.8
- codeat3/phpcs-styles: ^1.0
- orchestra/testbench: ^6.0|^7.0|^8.0|^9.0
- phpunit/phpunit: ^9.0|^10.5|^11.0
README
Blade Element Plus Icons
一个用于在您的 Laravel Blade 视图中轻松使用 Element Plus Icons 的软件包。
有关可用图标的全列表,请参阅 SVG 目录 或在 element-plus.org 上预览。
要求
- PHP 7.4 或更高版本
- Laravel 8.0 或更高版本
安装
composer require codeat3/blade-element-plus-icons
更新
在更新库时,请参阅更新指南
。
Blade 图标
Blade Element Plus Icons 在底层使用 Blade 图标。有关其他功能,请参阅 Blade 图标 README。我们还建议与该库一起启用 图标缓存。
配置
Blade Element Plus Icons 还提供使用来自 Blade 图标的功能,如默认类、默认属性等的能力。如果您想配置这些,请发布 blade-element-plus-icons.php
配置文件
php artisan vendor:publish --tag=blade-element-plus-icons-config
用法
图标可以用作自闭合的 Blade 组件,它们将被编译为 SVG 图标
<x-elemplus-back/>
您还可以向图标组件传递类
<x-elemplus-back class="w-6 h-6 text-gray-500"/>
甚至可以使用内联样式
<x-elemplus-back style="color: #555"/>
原始 SVG 图标
如果您想将原始 SVG 图标用作资产,您可以使用以下方式发布它们
php artisan vendor:publish --tag=blade-element-plus --force
然后在您的视图中使用它们,如下所示
<img src="{{ asset('vendor/blade-element-plus/back.svg') }}" width="10" height="10"/>
变更日志
请参阅此存储库中的 CHANGELOG,以了解所有最近的变化。
维护者
Blade Element Plus Icons 由 Swapnil Sarwe 开发和维护。
许可
Blade Element Plus Icons 是开源软件,许可协议为 MIT 许可证。