# Icons
# Description
A shared set of icons used between components.
# Install
To install in vuejs.
# Icons Component
Icons renders all the Icon symbol definitions for reference later.
<template>
<div id="app">
<Icons v-once/>
</div>
</template>
1
2
3
4
5
2
3
4
5
import Icons, { Icon } from '@action-agenda/icons'
export default {
name : 'App',
components: { Icons }
}
1
2
3
4
5
6
2
3
4
5
6
# Icon Component
<template>
<div >
<Icon name="close"/>
</div>
</template>
1
2
3
4
5
2
3
4
5
import { Icon } from '@action-agenda/icons'
export default {
name : 'AppComp',
components: { Icon }
}
1
2
3
4
5
6
2
3
4
5
6
# Icon Props
props : { name : { type: String, required: true } }# I18n (translations)
export default {
"messages": {
"en": {
"close": "close",
"edit": "edit",
"help": "help",
"earth": "earth",
"delete": "delete",
"file": "file",
"upload to cloud": "upload to cloud",
"down": "down",
"search": "search",
"filter": "filter",
"infoOutlined": "info-outlined",
"cancel": "cancel",
"question-circle": "question-circle",
"trash-o": "trash-o",
"cloud-upload": "cloud-upload",
"chevron-down": "chevron-down"
},
"ar": {
"close": "قريب",
"edit": "تعديل",
"help": "يساعد",
"earth": "أرض",
"delete": "حذف",
"file": "ملف",
"upload to cloud": "تحميل إلى السحابة",
"down": "تحت",
"search": "بحث",
"filter": "منقي",
"infoOutlined": "المعلومات المبينة",
"cancel": "إلغاء",
"question-circle": "دائرة السؤال",
"trash-o": "سلة المهملات",
"cloud-upload": "تحميل على السحابة",
"chevron-down": "شيفرون لأسفل"
},
"es": {
"close": "cerca",
"edit": "editar",
"help": "ayuda",
"earth": "tierra",
"delete": "Eliminar",
"file": "expediente",
"upload to cloud": "subir a la nube",
"down": "abajo",
"search": "buscar",
"filter": "filtrar",
"infoOutlined": "info-delineado",
"cancel": "cancelar",
"question-circle": "círculo de preguntas",
"trash-o": "basura-o",
"cloud-upload": "carga en la nube",
"chevron-down": "chevron-down"
},
"fr": {
"close": "Fermer",
"edit": "Éditer",
"help": "aider",
"earth": "Terre",
"delete": "effacer",
"file": "déposer",
"upload to cloud": "télécharger dans le cloud",
"down": "vers le bas",
"search": "rechercher",
"filter": "filtre",
"infoOutlined": "info-décrit",
"cancel": "Annuler",
"question-circle": "question-cercle",
"trash-o": "poubelle-o",
"cloud-upload": "téléchargement en nuage",
"chevron-down": "chevron vers le bas"
},
"ru": {
"close": "Закрыть",
"edit": "редактировать",
"help": "помощь",
"earth": "земля",
"delete": "Удалить",
"file": "файл",
"upload to cloud": "загрузить в облако",
"down": "вниз",
"search": "поиск",
"filter": "фильтр",
"infoOutlined": "информация обрисована в общих чертах",
"cancel": "отменить",
"question-circle": "круг вопросов",
"trash-o": "мусор",
"cloud-upload": "облачная загрузка",
"chevron-down": "шеврон вниз"
},
"zh": {
"close": "关闭",
"edit": "编辑",
"help": "帮助",
"earth": "地球",
"delete": "删除",
"file": "文件",
"upload to cloud": "上传到云端",
"down": "下",
"search": "搜索",
"filter": "筛选",
"infoOutlined": "信息概述",
"cancel": "取消",
"question-circle": "问题圈",
"trash-o": "垃圾-o",
"cloud-upload": "云端上传",
"chevron-down": "V字型向下"
}
}
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111