codeat3/blade-elusive-icons

一个用于在Laravel Blade视图中轻松使用Elusive Icons的包。

1.4.0 2024-02-28 14:01 UTC

This package is auto-updated.

Last update: 2024-08-28 15:11:43 UTC


README

Blade Elusive Icons

Tests Latest Stable Version Total Downloads

一个用于在Laravel Blade视图中轻松使用 Elusive Icons 的包。

要查看所有可用的图标,请参阅 SVG 目录 或在 elusiveicons.com 预览。

要求

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

安装

composer require codeat3/blade-elusive-icons

更新

在更新库时,请参阅 更新指南

Blade 图标

Blade Elusive Icons 在底层使用 Blade 图标。有关其他功能,请参阅 Blade 图标 README。我们还建议使用此库时启用 图标缓存

配置

Blade Elusive Icons 还提供使用 Blade 图标功能的能力,如默认类、默认属性等。如果您想配置这些,请发布 blade-elusive-icons.php 配置文件。

php artisan vendor:publish --tag=blade-elusive-icons-config

用法

图标可以作为自闭合的 Blade 组件使用,它们将被编译为 SVG 图标

<x-elusive-bulb/>

您还可以向图标组件传递类

<x-elusive-bulb class="w-6 h-6 text-gray-500"/>

甚至可以使用内联样式

<x-elusive-bulb style="color: #555"/>

实心图标可以像这样引用

<x-elusive-s-adjustments/>

原始 SVG 图标

如果您想将原始 SVG 图标用作资产,您可以使用以下方法发布它们

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

然后在您的视图中使用它们,如下所示

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

变更日志

请查看此存储库中的 CHANGELOG,以获取所有最近的变化。

维护者

Blade Elusive Icons 由 Swapnil Sarwe 开发和维护。

许可证

Blade Elusive Icons 是开源软件,许可协议为 MIT 许可证