technikermathe/blade-lucide-icons

一个易于在Laravel Blade视图中使用Lucide图标的包。

维护者

详细信息

github.com/PascaleBeier/blade-lucide-icons

主页

源代码

问题

安装量: 52,779

依赖项: 1

建议者: 0

安全: 0

星标: 3

关注者: 0

分支: 7

开放问题: 0

v3.66.0 2024-09-21 00:06 UTC

Requires

Requires (Dev)

MIT b5255b12eaf8150fa3085c711c36240961e1d3dd

  • Dan Pock
  • Pascale Beier

laravelbladeHeroiconsLucideIcons

This package is auto-updated.

Last update: 2024-09-21 00:06:35 UTC

README

Tests Latest Stable Version Total Downloads

一个易于在Laravel Blade视图中使用Lucide图标包。

要查看所有可用的图标，请参阅SVG目录或在他们lucide.dev上预览。

需求

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

安装

composer require technikermathe/blade-lucide-icons

Blade图标

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

配置

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

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

用法

图标可以作为自闭合Blade组件使用，这将编译为SVG图标

<x-lucide-activity />

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

<x-lucide-album class="w-6 h-6 text-gray-500"/>

这是如何更改线宽的示例

<x-lucide-server stroke-width="1"/>

甚至可以使用内联样式

<x-lucide-anchor style="color: #555"/>

实心图标可以按如下方式引用

<x-lucide-bike />

原始SVG图标

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

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

然后在视图中使用它们，如下所示

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

变更日志

请参阅此存储库中的变更日志以获取所有最新更改。

维护者

这是一个Dan Pock初始工作的分支。

许可证

Blade LucideIcons是开源软件，使用MIT许可证许可。