Tabler Icons as Vue components

Description:

Yet another icon component library that allows you to use Tabler icons as Vue.js components.

How to use it:

1. Import icons from Tabler and register them as components.

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

2. Add the icon to the app.

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

3. You can also import & register the Table Icons globally as follows:

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

Preview:

Tabler Icons as Vue components

Changelog:

v1.11.0 (07/14/2021)

  • Update table icons to 1.41.

v1.10.0 (04/19/2021)

  • Update table icons to 1.40.

v1.9.0 (04/05/2021)

  • Use new build system. Add index.d.ts

v1.8.1 (01/27/2021)

  • Sync with 1.39. Add missing dependency.

v1.7.0 (12/16/2020)

  • added 57 new icons.

Download Details:

Author: alex-oleshkevich

Live Demo: https://github.com/alex-oleshkevich/vue-tabler-icons/blob/master/demo/App.vue

Download Link: https://github.com/alex-oleshkevich/vue-tabler-icons/archive/master.zip

Official Website: https://github.com/alex-oleshkevich/vue-tabler-icons

Install & Download:

# Yarn
$ yarn add vue-tabler-icons

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

You Might Be Interested In:

Tags:

Add Comment