codeat3 / blade-system-uicons
一个用于在Laravel Blade视图中轻松使用"System UIcons"的包。
1.7.0
2024-02-28 15:37 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 System Uicons
一个用于在Laravel Blade视图中轻松使用System UIcons的包。
查看SVG目录中的所有可用图标,或在他们systemuicons.com的预览。
要求
- PHP 7.4或更高版本
- Laravel 8.0或更高版本
安装
composer require codeat3/blade-system-uicons
更新
更新库时,请参阅更新指南
。
Blade图标
Blade System Uicons在内部使用Blade图标。有关其他功能,请参阅Blade图标readme。我们还建议与这个库一起启用图标缓存。
配置
Blade System Uicons还提供使用Blade图标功能的能力,如默认类、默认属性等。如果您想配置这些,发布blade-system-uicons.php
配置文件
php artisan vendor:publish --tag=blade-system-uicons-config
使用方法
图标可以作为自闭合的Blade组件使用,它们将被编译为SVG图标
<x-sui-alarm-clock/>
您还可以向图标组件传递类
<x-sui-alarm-clock class="w-6 h-6 text-gray-500"/>
甚至可以使用内联样式
<x-sui-alarm-clock style="color: #555"/>
原始SVG图标
如果您想将原始SVG图标作为资产使用,您可以使用以下方式发布它们
php artisan vendor:publish --tag=blade-sui --force
然后在您的视图中使用它们,例如
<img src="{{ asset('vendor/blade-sui/alarm-clock.svg') }}" width="10" height="10"/>
Blade图标
Blade System Uicons在内部使用Blade图标。有关其他功能,请参阅Blade图标readme。
变更日志
查看此存储库中的CHANGELOG以获取所有最新更改。
维护者
Blade System Uicons是由Swapnil Sarwe开发和维护的。
许可
Blade System Uicons是开源软件,许可协议为MIT许可。