一个方便在 Laravel Blade 视图中使用 Heroicons 的包。
blade-ui-kit/blade-heroicons 统计数据
- 下载量
- 3.4M
- 星标
- 464
- 开放问题
- 0
- 分支
- 47
Blade-ui-kit Blade-heroicons 自述文件
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 Icons。有关其他功能,请参考 Blade Icons 自述文件。我们还建议使用此库 启用图标缓存。
配置
Blade Heroicons 还提供使用 Blade Icons 的功能,例如默认类、默认属性等。如果要配置这些功能,请发布 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/>
原始 SVG 图标
如果您想将原始 SVG 图标用作资产,您可以使用以下命令发布它们
php artisan vendor:publish --tag=blade-heroicons --force
然后在您的视图中使用它们,例如
<img src="{{ asset('vendor/blade-heroicons/o-arrow-left.svg') }}" width="10" height="10"/>
变更日志
查看此存储库中的 CHANGELOG 以了解所有最近的更改。
维护者
Blade Heroicons 由 Dries Vints 开发和维护。
许可证
Blade Heroicons 是开源软件,根据 MIT 许可证 许可。