File tree Expand file tree Collapse file tree 1 file changed +61
-0
lines changed
Expand file tree Collapse file tree 1 file changed +61
-0
lines changed Original file line number Diff line number Diff line change 1+ ## @openafg/vue-uicon
2+
3+ Use your SVG icons easily with vue-uicon
4+
5+
6+ ## Installation
7+
8+ Terminal:
9+ ``` bash
10+ // With npm
11+
12+ npm install --save @openafg/vue-uicon
13+ ```
14+
15+ ## Usage
16+ Add the following code in to your app.js or main.js
17+ ``` js
18+ import Uicon from ' @openafg/vue-uicon'
19+ ... .
20+
21+ Vue .use (Uicon, {
22+ /* options */
23+ icons: {
24+ iconName: ' SVG path'
25+ }
26+ })
27+ ```
28+ ``` html
29+ <template >
30+ <ui-icon name =" iconName" ></ui-icon >
31+ </template >
32+
33+ ```
34+ Available props
35+ ``` html
36+ <template >
37+ <ui-icon name =" iconName" color =" #00f" size =" 40" ></ui-icon >
38+ </template >
39+ ```
40+ ## Options
41+ Currently supported options
42+
43+ ``` js
44+ Vue .use (Uicon, {
45+ defaultColor: ' #aaa' ,
46+ defaultSize: 20 , // default is 20
47+ viewBox: ' 0 0 60 60' , // default is 0 0 32 32
48+ strokeLinecap: ' round' , // default is round
49+ strokeLinejoin: ' round' , // default is round,
50+ strokeWidth: 1 // default is 0.5
51+ icons: {
52+ ... .
53+ }
54+ })
55+ ```
56+
57+ ## Links
58+
59+ * [ Website] ( https://afgprogrammer.com )
60+ * [ Twitter] ( https://twitter.com/afgprogrammer )
61+ * [ Instagram] ( https://instagram.com/afgprogrammer )
You can’t perform that action at this time.
0 commit comments