简介
npm 是一个包管理器，提供了一个很好的方式来管理和发布前端代码。@polymer/paper-icon-button 是一个非常有用的 npm 包，它提供了一个可定制的图标按钮。它可以方便地与 Web 组件结合使用，是 Polymer 框架的一部分。
本文将详细介绍如何使用 npm 包 @polymer/paper-icon-button。
安装
要开始使用 @polymer/paper-icon-button，首先需要安装它。你可以在命令行界面中执行下面的命令进行安装：
npm install --save @polymer/paper-icon-button
这将为您的项目安装 @polymer/paper-icon-button npm 包，并将其添加到 package.json 文件的依赖中。
使用
要使用 @polymer/paper-icon-button，您需要在项目中导入它。可以通过以下方式导入 @polymer/paper-icon-button：
import '@polymer/paper-icon-button/paper-icon-button.js';
一旦导入了 @polymer/paper-icon-button，您就可以在 HTML 文件中使用它。例如下面的代码创建了一个默认的图标按钮：
<paper-icon-button icon="menu"></paper-icon-button>
这将创建一个打开菜单的图标按钮。通过 icon 属性，您可以指定要在按钮上显示的图标。
您还可以通过属性来自定义图标按钮。例如，可以使用 color 属性来指定按钮的颜色：
<paper-icon-button icon="favorite" style="color: red;"></paper-icon-button>
这将创建一个红色的喜爱按钮。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
------- --------------
------ --------------------------------------------------
---------
-------
------
------------------ --------------------------------
------------------ --------------- ------------- --------------------------
-------
-------总结
现在你已经知道了如何使用 @polymer/paper-icon-button，它提供了一个可定制的图标按钮，可以方便地与 Web 组件结合使用。使用 npm 包管理器可以更加有效地管理和发布前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f75569ca9b7065299ccbcaa