codeiucom/laravel-blade-heroicons

CodeIU Laravel Blade HeroIcons 指令

v1.0.1 2022-03-02 02:58 UTC

This package is auto-updated.

Last update: 2024-09-29 06:20:05 UTC


README

更多svg图标
https://github.com/codeiucom/laravel-blade-svg-icons

安装

composer require codeiucom/laravel-blade-heroicons

使用指令

示例: @heroicons-iconName-style("classes")

  1. 默认
    @heroicons-folder("w-6 h-6")
    
  2. 轮廓
    @heroicons-folder-o("w-6 h-6")
    
  3. 实心
    @heroicons-folder-s("w-6 h-6")
    

使用组件

  1. 默认
    <heroicons-folder class="w-6 h-6"/>
    <!-- or -->
    <heroicons-folder class="w-6 h-6"></heroicons-folder>
  2. 轮廓
    <heroicons-folder-o class="w-6 h-6"/>
    <!-- or -->
    <heroicons-folder-o class="w-6 h-6"></heroicons-folder-o>
  3. 实心
    <heroicons-folder-s class="w-6 h-6"/>
    <!-- or -->
    <heroicons-folder-s class="w-6 h-6"></heroicons-folder-s>

选项

  1. 更改指令(默认: heroicons)
    示例)
       CODEIU_LARAVEL_BLADE_HEROICONS_PREFIX=icons
  2. 更改默认样式(默认: 实心)
    示例)
       CODEIU_LARAVEL_BLADE_HEROICONS_DEFAULT_STYLE=outline
  3. 设置默认类(默认: 空值)
    示例)
       CODEIU_LARAVEL_BLADE_HEROICONS_DEFAULT_CLASSES="w-6 h-6"
    如果你使用默认类与tailwindcss,请在tailwind.config.js中添加以下内容
    module.exports = {
       ...
       content: [
          './storage/framework/views/*.php',
       ],
       ...
    }