diff options
author | alex.oleshkevich <alex.oleshkevich@gmail.com> | 2021-04-19 11:12:40 +0300 |
---|---|---|
committer | alex.oleshkevich <alex.oleshkevich@gmail.com> | 2021-04-19 11:12:40 +0300 |
commit | 36aacbf044b582a3a64ede4299f461d22999de45 (patch) | |
tree | ab79d5f0dc3a62af5b6584cd6f28574fa1c27f7d | |
parent | new version fix (diff) | |
download | tabler-icons-36aacbf044b582a3a64ede4299f461d22999de45.tar.xz |
Add reference to the Vue components library.
-rw-r--r-- | README.md | 24 |
1 files changed, 24 insertions, 0 deletions
@@ -105,6 +105,30 @@ const MyComponent = () => { `@tabler/icons` exports it's own type declarations for usage with React and Typescript. +### Vue + +Vue components available through [`vue-tabler-icons`](https://www.npmjs.com/package/vue-tabler-icons) package. +Install the package, import the icon component and render it in your component. You can adjust SVG properties by passing regular HTML attributes: + +```html +<script> + // MyComponent.vue + import { BoldIcon } from 'vue-tabler-icons'; + + export default { + components: { BoldIcon }, + }; +</script> + +<template> + <bold-icon /> +</template> +``` + +`vue-tabler-icons` exports it's own type declarations for usage with Typescript. + +For more usage documentation refer to [the official documentation](https://github.com/alex-oleshkevich/vue-tabler-icons). + ### CDN All files included in `@tabler/icons` npm package are available over a CDN. |