blade-ui-kit / blade-heroicons
一个方便在 Laravel Blade 视图中使用 Heroicons 的软件包。
2.4.0
2024-07-16 07:00 UTC
Requires
- php: ^8.0
- blade-ui-kit/blade-icons: ^1.6
- illuminate/support: ^9.0|^10.0|^11.0
Requires (Dev)
- orchestra/testbench: ^7.0|^8.0|^9.0
- phpunit/phpunit: ^9.0|^10.5|^11.0
README
Blade Heroicons
一个方便在 Laravel Blade 视图中使用 Heroicons 的软件包。
查看SVG 目录获取所有可用的图标,或在其网站上预览:heroicons.com。Heroicons最初由Steve Schoger和Adam Wathan开发。
要求
- PHP 8.0 或更高版本
- Laravel 9.0 或更高版本
安装
composer require blade-ui-kit/blade-heroicons
更新
在更新库时,请参考更新指南
。
Blade 图标
Blade Heroicons 在底层使用 Blade 图标。有关附加功能,请参阅Blade 图标 README。我们还建议使用此库启用图标缓存。
配置
Blade Heroicons 还提供了使用 Blade 图标功能(如默认类、默认属性等)的能力。如果您想配置这些,请发布 blade-heroicons.php
配置文件。
php artisan vendor:publish --tag=blade-heroicons-config
使用方法
图标可以作为自闭合的 Blade 组件使用,这些组件将被编译为 SVG 图标
<x-heroicon-o-arrow-left/>
您还可以向图标组件传递类
<x-heroicon-o-arrow-left class="w-6 h-6 text-gray-500"/>
甚至使用内联样式
<x-heroicon-o-arrow-left style="color: #555"/>
或使用 @svg
指令
@svg('heroicon-o-arrow-left', 'w-6 h-6', ['style' => 'color: #555'])
实心图标可以按如下方式引用
<x-heroicon-s-arrow-left/>
迷你图标可以按如下方式引用
<x-heroicon-m-arrow-left/>
微图标可以按如下方式引用
<x-heroicon-c-arrow-left/>
原始 SVG 图标
如果您想将原始 SVG 图标用作资源,您可以使用以下方式发布它们
php artisan vendor:publish --tag=blade-heroicons --force
然后在您的视图中使用它们,如下所示
<img src="{{ asset('vendor/blade-heroicons/o-arrow-left.svg') }}" width="10" height="10"/>
变更日志
查看此存储库中的变更日志,获取所有最近的变化。
维护者
Blade Heroicons 由Dries Vints开发和维护。
许可证
Blade Heroicons 是开源软件,受MIT 许可证许可。