themesberg/flowbite-blade-icons

一个用于在 Laravel Blade 视图中轻松使用 Flowbite 图标的软件包。

v1.1.0 2024-05-09 15:16 UTC

This package is not auto-updated.

Last update: 2024-09-20 15:57:24 UTC


README

Flowbite Blade Icons

Tests Latest Stable Version Total Downloads

一个用于在 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 开发并维护,并与合作者一起开发。

许可

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