itliusha/blade-quicksand-icons

这是一个可以轻松在 Laravel blade 里轻松使用 quicksand-icons 图标库的 Laravel 包

v1.0.5 2024-10-16 06:51 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

MIT

• itliusha

• laravel
• blade
• quicksand

README

让你可以在 Laravel blade 中轻松使用图标的扩展包 Blade Quicksand Icons。

阅读下文，以了解如何使用。

版本要求

• PHP 8.0 或更高版本
• Laravel 9.0 或更高版本

安装到 你的 Laravel 项目

composer require itliusha/blade-quicksand-icons

更新

更新时请参考 更新指南 进行更新。

Blade Icons

Blade Quicksand Icons 背后使用了 Blade Icons. 参阅 Blade Icons 自述文件 了解更多功能。 建议使用时 开启图标缓存 ，以提升性能。

Blade Quicksand Icons 每个图标有三种类型，即：duotone outline solid , 超过 1500+ 精美图标供您使用。

配置文件

Blade Quicksand Icons 还提供了使用 Blade Icons 的功能，比如：默认类、默认属性等。如果你想配置这些功能，需先发布 blade-quicksand.php 配置文件:

php artisan vendor:publish --tag=blade-quicksand-config

用法

可以使用自闭合的 blade 组件来引用图标, 它将会被转化成 SVG 类型的图标。需要注意的是使用具体类型的图标需加上对应的文件名。比如：<x-quicksand-{$dirName}.{$iconName} />

<x-quicksand-solid.quicksand-logo />

当然，你还可以将类名传递给组件:

<x-quicksand-solid.quicksand-logo class="w-6 h-6 text-gray-500" />

另外，你还可以使用内联样式来设置图标:

<x-quicksand-solid.quicksand-logo style="color: #555" />

使用原始 SVG 图标

如果您想使用原始 SVG 图标作为资产，你需要先使用以下方式发布它们：

php artisan vendor:publish --tag=blade-quicksand-icons --force

然后在你的视图中使用它们，如下:

<img src="{{ asset('vendor/blade-quicksand-icons/solid/quicksand-logo.svg') }}" width="10" height="10"/>

变更日志

查看此存储库中的 CHANGELOG 以了解所有最新更改。

维护者

Blade Quicksand Icons 由 Itliusha 开发和维护。

许可证

Blade Quicksand Icons 是根据 MIT 许可证 授权的开源软件。