一个方便在 Laravel Blade 视图中使用 Heroicons 的包。

blade-ui-kit/blade-heroicons image

blade-ui-kit/blade-heroicons 统计数据

下载量
3.4M
星标
464
开放问题
0
分支
47

在 GitHub 上查看 →

Blade-ui-kit Blade-heroicons 自述文件


Blade Heroicons

Tests Coding Standards Latest Stable Version Total Downloads

一个方便在 Laravel Blade 视图中使用 Heroicons 的包。

要查看所有可用的图标列表,请参阅 SVG 目录 或在 heroicons.com 上预览它们。Heroicons 最初由 Steve SchogerAdam Wathan 开发。

需求

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

安装

composer require blade-ui-kit/blade-heroicons

更新

更新库时,请参考 升级指南

Blade 图标

Blade Heroicons 在后台使用 Blade Icons。有关其他功能,请参考 Blade Icons 自述文件。我们还建议使用此库 启用图标缓存

配置

Blade Heroicons 还提供使用 Blade Icons 的功能,例如默认类、默认属性等。如果要配置这些功能,请发布 blade-heroicons.php 配置文件

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

用法

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

<x-heroicon-o-arrow-left/>

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

<x-heroicon-o-arrow-left class="w-6 h-6 text-gray-500"/>

甚至使用内联样式

<x-heroicon-o-arrow-left style="color: #555"/>

或者使用 @svg 指令

@svg('heroicon-o-arrow-left', 'w-6 h-6', ['style' => 'color: #555'])

实心图标可以像这样引用

<x-heroicon-s-arrow-left/>

迷你图标可以像这样引用

<x-heroicon-m-arrow-left/>

原始 SVG 图标

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

php artisan vendor:publish --tag=blade-heroicons --force

然后在您的视图中使用它们,例如

<img src="{{ asset('vendor/blade-heroicons/o-arrow-left.svg') }}" width="10" height="10"/>

变更日志

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

维护者

Blade Heroicons 由 Dries Vints 开发和维护。

许可证

Blade Heroicons 是开源软件,根据 MIT 许可证 许可。

blade-ui-kit photo

为 Laravel Blade 构建的一组开源库。

Cube

Laravel 新闻通讯

加入 40,000 多名其他开发人员,绝不错过新的提示、教程等。


Blade Ui Kit Blade Heroicons 相关文章

NativePHP Tutorial: Building a Mac MenuBar application image

NativePHP 教程:构建 Mac 菜单栏应用程序

阅读文章
Laravel Blade Icons Stable Release image

Laravel Blade 图标稳定版发布

阅读文章
No Compromises logo

无妥协

Joel 和 Aaron 是来自 No Compromises 播客的两名经验丰富的开发者,现在可以为您的 Laravel 项目提供雇佣服务。 ⬧ 固定费用 7500 美元/月。 ⬧ 没有冗长的销售流程。 ⬧ 没有合同。 ⬧ 100% 返款保证。

无妥协
Shift logo

Shift

正在运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,让您的应用程序保持新鲜。

Shift
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit:Laravel SaaS 启动工具包

SaaSykit 是一个 Laravel SaaS 启动工具包,它包含运行现代 SaaS 所需的所有功能。支付、漂亮的结账、管理面板、用户仪表板、身份验证、即用型组件、统计数据、博客、文档等等。

SaaSykit:Laravel SaaS 启动工具包
Rector logo

Rector

您无缝 Laravel 升级、降低成本和加速创新的合作伙伴,助您企业取得成功

Rector
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序取得成功。

Kirschbaum
Lucky Media logo

Lucky Media

立即获得幸运 - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media