https://github.com/vmitchell85/zondicons-vue
A VueJS Zondicons Component
https://github.com/vmitchell85/zondicons-vue
Last synced: 4 months ago
JSON representation
A VueJS Zondicons Component
- Host: GitHub
- URL: https://github.com/vmitchell85/zondicons-vue
- Owner: vmitchell85
- Created: 2018-06-20T14:44:16.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-20T14:54:00.000Z (about 8 years ago)
- Last Synced: 2025-03-08T10:58:49.411Z (over 1 year ago)
- Language: Vue
- Size: 14.6 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Zondicons Vue Component
This is a basic [Zondicons](http://www.zondicons.com/) [VueJS](https://vuejs.org/) Component.
This was created in part from the ideas in this Twitter thread: [https://twitter.com/paulredmond/status/939226563207249920](https://twitter.com/paulredmond/status/939226563207249920)
## Usage
First you'll need to copy the `zondicon.vue` file into your project and include it in your Vue application. In my Laravel applications I put the following in my `resources/assets/app.js` file.
```js
Vue.component('z', require('./components/zondicon.vue'));
```
To display an icon just use the component passing the desired icon name and any desired classes.
```html
```
## Generating New Library Content
If you would like to re-generate the library part of the component I've included my crude python script that I used to generate the data from the Zondicons library.