1
0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-08-31 01:30:04 +02:00

Add reference to the Vue components library.

This commit is contained in:
alex.oleshkevich
2021-04-19 11:12:40 +03:00
parent 952bfcaef2
commit 36aacbf044

View File

@@ -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.