themesberg/flowbite-blade-icons
一个用于在 Laravel Blade 视图中轻松使用 Flowbite 图标的软件包。
v1.1.0
2024-05-09 15:16 UTC
Requires
- php: ~8.1.0|~8.2.0|~8.3.0
- blade-ui-kit/blade-icons: ^1.6
- illuminate/support: ^9.0|^10.0|^11.0
Requires (Dev)
- laravel/pint: ^1.13
- orchestra/testbench: ^7.0|^8.0|^9.0
- pestphp/pest: ^1.23|^2.0
- phpunit/phpunit: ^9.0|^10.5|^11.0
README
Flowbite Blade Icons
一个用于在 Laravel Blade 视图中轻松使用 Flowbite Icons 的软件包。
要查看所有可用图标,请参阅 SVG 目录 或在 flowbite.com 上预览。
要求
- PHP 8.1 或更高版本
- Laravel 9.0 或更高版本
安装
composer require themesberg/flowbite-blade-icons
更新
在更新库时,请参阅 更新指南
。
Blade Icons
Flowbite Blade Icons 在底层使用 Blade Icons。有关附加功能,请参阅 Blade Icons 的 README 文件。我们还建议您与此库一起启用图标缓存 。
配置
Flowbite Blade Icons 还提供了使用来自 Blade Icons 的功能(如默认类、默认属性等)的能力。如果您想配置这些,发布 flowbite-blade-icons.php
配置文件。
php artisan vendor:publish --tag=flowbite-blade-icons-config
用法
图标可以作为自闭合的 Blade 组件使用,它们将被编译为 SVG 图标
<x-fwb-o-adjustments-horizontal/>
您还可以向图标组件传递类
<x-fwb-o-adjustments-horizontal class="w-6 h-6 text-gray-500"/>
甚至可以使用内联样式
<x-fwb-o-adjustments-horizontal style="color: #555"/>
或使用 @svg 指令
@svg('fwb-o-adjustments-horizontal', 'w-6 h-6', ['style' => 'color: #555'])
实心图标可以按如下方式引用
<x-fwb-s-adjustments-horizontal/>
原始 SVG 图标
如果您想将原始 SVG 图标作为资产使用,可以使用以下方式发布它们
php artisan vendor:publish --tag=flowbite-blade-icons --force
然后,在视图中使用它们,如下所示
<img src="{{ asset('vendor/flowbite-blade-icons/o-adjustments-horizontal.svg') }}" width="10" height="10"/>
变更日志
请查看此存储库中的 CHANGELOG,以获取所有最新更改。
维护者
Blade Flowbite Icons 由 Dominique Thomas 开发并维护,并与合作者一起开发。
- 图标由 Evelyne Krall 设计
- 图标由 Robert Tanislav 集成到 Figma 中
- 通过 Zoltán Szőgyényi 编码搜索图标界面
许可
Flowbite Blade Icons 是开源软件,许可协议为 MIT 许可协议。