siteation/magento2-hyva-icons-feather

Hyva 主题的 Feather 图标

1.2.1 2023-11-26 12:09 UTC

This package is auto-updated.

Last update: 2024-09-03 18:34:39 UTC


README

Packagist Version Supported Magento Versions Hyva Themes Module License

此 Magento 2 模块增加了在 Hyva 前端使用 Feather Icons 的选项。

这需要您有一个正常工作的 Hyva 前端,此图标包专门为 Hyva 主题制作,不会与任何其他前端一起使用。

安装

通过以下方式安装包:

composer require siteation/magento2-hyva-icons-feather
bin/magento setup:upgrade

此模块需要 Magento 2.4 或更高版本,并且需要 Hyva! 更多要求请参阅 composer.json

如何使用

默认情况下,此模块不加载任何内容。

要使用此图标包代替默认的 Hyva 图标,请将以下内容添加到您的 phtml 文件中;

<?php
use Hyva\Theme\Model\ViewModelRegistry;
use Siteation\HyvaIconsFeather\ViewModel\FeatherIcons;

/** @var ViewModelRegistry $viewModels */

/** @var FeatherIcons $featherIcons */
$featherIcons = $viewModels->require(FeatherIcons::class);

并像在 Hyva 中使用 HeroIcons 一样使用 FeatherIcons;

<?= $featherIcons->menuHtml('p-1', 24, 24, ["aria-label" => "Open menu"]) ?>

在 CMS 内容中使用 SVG 图标

现在您还可以在您的 CMS 内容中使用 SVG 图标。

将 svg 图标支持引入您的 CMS 页面、块和小部件。

{{icon "feather/menu"}}

有关如何以及什么的更多信息,请参阅 Hyva 文档

此功能自 Hyva v1.1.12 和 Siteation/magento2-hyva-icons-feather v1.2 起支持

其他 Hyva 图标包

如果您正在寻找基于 Luma 的选项,请查看此图标包

图标许可证

Feather Icons 中的图标由 Cole Bemis 创建,基于 MIT 许可证,请在此处查看