jc-icons v0.0.8

jc-icons

This is an icon library for Vue framework, in which all font icons are drawn by the library author himself.

Author: Jack Lee Email: 291148484@163.com http:// WWW.thispage.tech

homepage

http://thispage.tech:9680/jclee1995/jc-icons

Install

npm

npm i jc-icons

yarn

yarn add jc-icons

pnpm

pnpm install jc-icons

Usage

global register

// mian.ts
import { createApp } from 'vue';

import App from './App.vue'
import { JCICons } from 'jc-icons';

function bootstrap() {
    const app = createApp(App)
    app.use(JCICons);
    app.mount('#app');
}

bootstrap();

use icons

You can specify the icon to use by giving the value of the name attribute, and the icon name does not need to use the prefix jcicon- .

<jc-icon name="action-restore"></jc-icon>
<jc-icon name="action-undo"></jc-icon>
<jc-icon name="address-book"></jc-icon>
<jc-icon name="address-book-color"></jc-icon>
<jc-icon name="align-center"></jc-icon>
<jc-icon name="align-center-color"></jc-icon>
<jc-icon name="align-justify-color"></jc-icon>
<jc-icon name="align-left"></jc-icon>
<jc-icon name="align-left-color"></jc-icon>
<jc-icon name="align-right"></jc-icon>
<jc-icon name="align-right-color"></jc-icon>