Skip to content

Commit 490a4ef

Browse files
committed
Merge branch 'master' of https://github.com/openafg/vue-uicon
2 parents 4e76cca + 20e1f46 commit 490a4ef

File tree

1 file changed

+61
-0
lines changed

1 file changed

+61
-0
lines changed

README.md

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
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)

0 commit comments

Comments
 (0)