e-icon-picker v1.0.11 has been released, supporting cdn and custom svg icons

e-icon-picker  v1.0.11 has been released, update log:

1 .  New svg icon for support. 
2 .  Upgrade Support cdn introduced. 
3 .  Update dependence. 
4 .  Other optimization.

e-icon-picker icon selection component

Simple and elegant, designed for `Element-ui` (already available from independent element-ui) and ` font-awesome` (optional) selection icon icon library development component, hope you like!

Favorite welcome star  project address

Demo

online test

Online API

installation

Because the project uses element-ui components for secondary development, please install the element-ui component library before using this component.  For the installation method, please refer to the relevant documents on the official website of element-ui. element-ui official website .

It has been separated from element-ui, and there is no need to install element-ui.

 

npm install

It is recommended to use npm to install, it can better work with the webpack packaging tool.

npm install e-icon-picker

cdn introduction

<!-- 引入组件库 -->
https://unpkg.com/e-icon-picker/dist/index.js
<!-- 引入样式 -->
https://unpkg.com/e-icon-picker/dist/index.css

Quick to use

import iconPicker from 'e-icon-picker';
import "e-icon-picker/dist/symbol.js"; //基本彩色图标库
import 'e-icon-picker/dist/index.css'; // 基本样式，包含基本图标
import 'font-awesome/css/font-awesome.min.css'; //font-awesome 图标库
import 'element-ui/lib/theme-chalk/icon.css'; //element-ui 图标库

Vue.use(iconPicker);

svg icon please see detailed documentation

• Use documentation

use

 <e-icon-picker v-model="icon"/>