driesvints / blade-icons
2.3.0
2020-06-07 13:16 UTC
Requires
- php: ^7.4
- illuminate/support: ^7.0
Requires (Dev)
- orchestra/testbench: ^5.0
- phpunit/phpunit: ^9.0
README
已废弃! 此项目已迁移到 Blade UI Kit 组织。 查看新的存储库。Heroicons 和 Zondicons 已提取到新的独立软件包 此处 和 此处。请阅读上述软件包中的升级指南以升级到新版本。
一个用于在 Laravel Blade 视图中轻松使用 SVG 图标的软件包。
Heroicons 和 Zondicons 由 Steve Schoger 和 Adam Wathan 制作。
图标列表
要求
- PHP 7.4 或更高版本
- Laravel 7.0 或更高版本
安装
composer require driesvints/blade-icons
更新
每个更新的通用步骤
- 运行
php artisan view:clear
- 如果您已发布原始图标,请运行
php artisan vendor:publish --tag=blade-icons --force
当升级到库的新主要版本时,请记住阅读 升级指南
。
用法
图标可以作为自闭合的 Blade 组件使用,这将编译为 SVG 图标
<x-heroicon-o-adjustments/>
您也可以向图标组件传递类
<x-heroicon-o-adjustments class="w-6 h-6 text-gray-500"/>
甚至可以使用内联样式
<x-heroicon-o-adjustments style="color: #555"/>
实心图标可以按如下方式引用
<x-heroicon-s-adjustments/>
Zondicon 图标可以按如下方式引用
<x-zondicon-add-outline/>
原始 SVG 图标
如果您想将原始 SVG 图标用作资产,可以使用以下方法发布它们
php artisan vendor:publish --tag=blade-icons --force
然后在视图中使用它们,如下所示
<img src="{{ asset('vendor/blade-icons/heroicons/heroicon-o-adjustments.svg') }}" width="10" height="10"/>
然后像这样使用 zondicons
<img src="{{ asset('vendor/blade-icons/zondicons/zondicon-add-outline.svg') }}" width="10" height="10"/>
变更日志
请查看此存储库中的 变更日志 以获取所有最新的更改。
许可证
Blade Icons 是开源软件,许可协议为 MIT 许可证。