mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-01-29 18:27:54 +01:00
Code Issues Releases Wiki Activity

Merge pull request #124 from alex-oleshkevich/document-vue-lib

Browse Source
This commit is contained in:
Paweł Kuna 2021-11-03 13:02:57 +01:00 committed by GitHub
commit ee4ce52666
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
README.md
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.