Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit 305f295

Browse filesBrowse files
committed
feat: CIcon component - add 'use' prop, update typings
1 parent 01a354e commit 305f295
Copy full SHA for 305f295

File tree

2 files changed

+15
-5
lines changed
Filter options

2 files changed

+15
-5
lines changed

‎src/CIconRaw.vue

Copy file name to clipboardExpand all lines: src/CIconRaw.vue
+12-3Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,25 @@
11
<template>
22
<svg
3-
v-if="!src"
3+
v-if="!src && !use"
44
xmlns="http://www.w3.org/2000/svg"
55
:viewBox="viewBox"
66
:class="computedClasses"
77
v-html="titleCode + iconCode"
88
role="img"
99
></svg>
1010
<img
11-
v-else
11+
v-else-if="src"
1212
:src="src"
1313
role="img"
1414
/>
15+
<svg
16+
v-else-if="use"
17+
xmlns="http://www.w3.org/2000/svg"
18+
:class="computedClasses"
19+
role="img"
20+
>
21+
<use :href="use"></use>
22+
</svg>
1523
</template>
1624

1725
<script>
@@ -29,7 +37,8 @@ export default {
2937
},
3038
customClasses: [String, Array, Object],
3139
src: String,
32-
title: String
40+
title: String,
41+
use: String
3342
},
3443
computed: {
3544
iconName () {

‎src/index.d.ts

Copy file name to clipboard
+3-2Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import Vue from 'vue'
22

3-
export declare class CIcon extends Vue {
3+
export declare class CIconRaw extends Vue {
44
name: string
55
content: [string, Array<string>]
66
size: string
77
customClasses: [string, Array<any>, object]
88
src: string
99
title: string
10+
use: string
1011
}
1112

12-
export declare class CIconRaw extends CIcon {}
13+
export declare class CIcon extends CIconRaw {}

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.