0.5.0 • Published 5 years ago
@bytegem/vue-heroicons v0.5.0
Heroicons for Vue.js - Free, Open source icons
A set of free MIT-licensed high-quality SVG icons for Vue.js development.
Live Demos | Heroicons SVG source
Install
- npm
npm i @bytegem/vue-heroicons -S - yarn
yarn add @bytegem/vue-heroicons
Using
Global register components：
import Vue from 'vue';
import Heroicons from '@bytegem/vue-heroicons';
Vue.use(Heroicons /* , options */);Options
| Key | Desc |
|---|---|
compomnents | Vue Components. You can only register part of the Heroicons icon component globally or a custom Vue component. |
removePrefix | Used to remove the Heroicons prefix from the component name. |
onlySolid | Register only solid style icon components. |
onlyOutline | Register only outline style icon components. |
Only one of them can be set for
onlysolidandonlyoutlineselection, otherwise unexpected registration will occur
Only using single Icon to Vue Component
import { HeroiconsAnnotationOutline } from '@bytegem/vue-heroicons';
export default {
components: { HeroiconsAnnotationOutline }
};Example
<HeroiconsAnnotationOutline />Or
<heroicons-annotation-outline />Package sizes
| size | gzip |
|---|---|
| 219.3 kB | 39.9 kB |
LICENSE
The MIT license