2zt/blade-cssgg

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

1.0.1 2021-09-30 09:12 UTC

This package is auto-updated.

Last update: 2024-09-29 06:03:10 UTC


README

Blade css.gg 图标

Tests GitHub license Latest Stable Version Total Downloads Twitter

一个用于在Laravel Blade视图中轻松使用css.gg的软件包。

如果你不了解css.gg,它是一个包含700+个纯CSS、SVG & Figma UI图标的集合,可使用SVG Sprite、styled-components、NPM & API访问。有关本软件包中包含的700+个可用图标的完整列表,请参阅SVG目录或在其css.gg上预览。

需求

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

安装

composer require 2zt/blade-cssgg

更新

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

Blade 图标

Blade css.gg 在底层使用Blade 图标。有关更多功能,请参阅Blade 图标README。我们还建议使用此库启用图标缓存

配置

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

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

用法

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

<x-gg-globe/>

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

<x-gg-globe class="w-6 h-6 text-gray-500"/>

甚至可以使用内联样式。

<x-gg-globe style="color: #555"/>

原始SVG图标

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

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

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

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

变更日志

请查看此存储库中的所有最近更改的变更日志

维护者

Blade css.gg 由2zt开发和维护。

致谢

css.gg最初由Astrit Malsia制作。

支持css.gg的作者

许可

Blade css.gg是开源软件,受MIT许可许可。