README

Laravel Primer Octicons

一个将 GitHub 的 Octicons 无缝集成到 Laravel 项目的 Laravel 扩展包。此包允许您轻松地在 Blade 模板中使用 Octicons。

关于

Octicons 是由 GitHub 精心制作的可扩展图标集合。它们设计得非常易读，即使在小型尺寸下也能保持清晰，非常适合为您的网络项目添加一致的视觉语言。

GitHub 仓库: primer/octicons
官方网站: Octicons

安装

您可以通过 Composer 安装此包

composer require devzkhalil/laravel-primer-octicons

用法

安装后，您可以在 Blade 模板中使用 Octicons，如下所示

<x-icon::thin.arrow-up-left width="16" height="16" fill="white" />
<x-icon::bold.arrow-up-left width="16" height="16" fill="white" />

<x-icon::thin.download width="24" height="24" fill="white" />
<x-icon::bold.download width="24" height="24" fill="white" />

图标大小和参数

在本包中

GitHub 16px 图标被称为 bold。
GitHub 24px 图标被称为 thin。

组件参数

对于粗体图标（16px）

width 是可选的；默认大小为 16px。
height 是可选的；默认大小为 16px。
fill 是可选的；默认颜色为 black。

对于细体图标（24px）

width 是可选的；默认大小为 16px。
height 是可选的；默认大小为 16px。
fill 是可选的；默认颜色为 black。

查找图标名称

要查找图标名称

访问官方 Octicons 网站: Octicons。
找到并复制您想要的图标名称。
使用适当大小的图标在 Blade 模板中使用图标

对于 16px 图标（粗体）

<x-icon::bold.your-icon-name />

对于 24px 图标（细体）

<x-icon::thin.your-icon-name />

发布组件

使用以下命令发布组件文件

php artisan vendor:publish --tag=primer-octicons

devzkhalil / laravel-primer-octicons

维护者

详细信息