Vue组件 Tabler图标 - vue-tabler-icons

Vue组件 Tabler图标 - vue-tabler-icons
插件名称 vue-tabler-icons
版本号 v1.8.1
发布时间 2020年12月4日
插件作者 alex-oleshkevich

另一个图标组件库,可让您将Tabler图标用作Vue.js组件。

变更日志:

v1.8.1(01/27/2021)

  • 与1.39同步。添加缺少的依赖项。

v1.7.0(12/16/2020)

  • 添加了57个新图标。

安装和下载:

# Yarn
$ yarn add vue-tabler-icons

# NPM
$ npm i vue-tabler-icons --save

如何使用它:

1.从Tabler导入图标并将其注册为组件。

import { BoldIcon } from 'vue-tabler-icons';
export default {
  components: { BoldIcon },
};

2.将图标添加到应用程序。

<template>
  <bold-icon />
</template>

3.您还可以按以下方式全局导入和注册表格图标:

import Vue from 'vue';
import VueTablerIcons from 'vue-tabler-icons';
Vue.use(VueTablerIcons);
<template>
  <trash-icon />
</template>