scx-kit v1.3.9

English | 简体中文

Some front end kits for SCX

NPM

npm install scx-kit

Quick start

1. Install the vite plugin for ScxIcon .

import {scxIconPlugin} from 'scx-kit/scx-icon-vite-plugins.js';

export default {
    base: './',
    plugins: [scxIconPlugin({
        //Icon inject type, js (use js) or html (inject to the index.html)
        type: 'js',
        //your svg icon root, It can also be an array []
        svgRoot: 'your-svg-root',
    })]
}

2. Install vue component for ScxIcon .

import {createApp} from 'vue';
import {ScxComponent} from 'scx-kit/scx-component.js';
import App from './App.vue';
import 'scx-kit/_scx-theme/default.css'; // Don't forget to import theme
import 'scx-kit/_scx-theme/dark.css';
import 'scx-icon/register'; //if type = js you need import this virtual module

createApp(App)
    .use(ScxComponent)
    .mount('#app');

3. Use ScxIcon component .

<!-- You will see a smile face icon -->
<scx-icon icon="outlined-face-smile"/>

For more information, see docs

Stats