codeat3/blade-google-material-design-icons
一个用于在Laravel Blade视图中轻松使用“Google Fonts Material Icons”的包。
Requires
- php: ^7.4|^8.0
- blade-ui-kit/blade-icons: ^1.1
- illuminate/support: ^8.0|^9.0|^10.0|^11.0
Requires (Dev)
- codeat3/blade-icon-generation-helpers: ^0.8
- codeat3/phpcs-styles: ^1.0
- orchestra/testbench: ^6.0|^7.0|^8.0|^9.0
- phpunit/phpunit: ^9.0|^10.5|^11.0
This package is auto-updated.
Last update: 2024-09-11 16:42:06 UTC
README
Blade Google Material Design Icons
一个用于在Laravel Blade视图中轻松使用Google Material Design Icons的包。
要查看所有可用的图标,请参阅SVG目录或在其fonts.google.com上预览。
要求
- PHP 7.4或更高版本
- Laravel 8.0或更高版本
安装
composer require codeat3/blade-google-material-design-icons
更新
更新库时,请参阅更新指南
。
Blade图标
Blade Google Material Design Icons在底层使用Blade Icons。有关附加功能,请参阅Blade Icons的readme。我们还建议使用此库启用图标缓存。
配置
Blade Google Material Design Icons还提供了使用Blade Icons功能(如默认类、默认属性等)的能力。如果您想配置这些,请发布blade-google-material-design-icons.php
配置文件。
php artisan vendor:publish --tag=blade-google-material-design-icons-config
用法
图标可以作为自闭合的Blade组件使用,这些组件将被编译为SVG图标。
<x-gmdi-backup/>
您还可以向图标组件传递类。
<x-gmdi-backup class="w-6 h-6 text-gray-500"/>
甚至可以使用内联样式。
<x-gmdi-backup style="color: #555"/>
轮廓图标可以按如下方式引用
<x-gmdi-backup-o/>
圆形图标可以按如下方式引用
<x-gmdi-backup-r/>
尖锐图标可以按如下方式引用
<x-gmdi-backup-s/>
双色图标可以按如下方式引用
<x-gmdi-backup-tt/>
原始SVG图标
如果您想将原始SVG图标作为资产使用,可以使用以下命令发布它们
php artisan vendor:publish --tag=blade-gmdi --force
然后在您的视图中使用它们
<img src="{{ asset('vendor/blade-gmdi/backup.svg') }}" width="10" height="10"/>
变更日志
请查看此存储库中的变更日志,了解所有最近的变化。
维护者
Blade Google Material Design Icons由Swapnil Sarwe开发和维护。
许可
Blade Google Material Design Icons是开源软件,许可协议为MIT许可。