1.4.8 • Published 1 day ago

@frankhoodbs/svg-icons-cmp v1.4.8

Weekly downloads
-
License
ISC
Repository
-
Last release
1 day ago

Svg Icons component

This Vue component is designed to handle SVG icons in a Vue application. It uses the SVG symbol element to define reusable icons and leverages Vue’s reactivity system to dynamically generate these symbols while applying seo tags.

Props

NameTypeDescription
data-iconsobjectRequired. Icons in object format with paths as keys and html content as value
data-seoobjectObject containing title and description that will be applied as tags inside the symbol element

Usage/Examples

icons = { "../icons/icon-close.svg": "<svg\n viewBox=\"0 0 24 24\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n>\n <path\n d=\"M18.71,17.29a1,1,0,0,1,0,1.42,1,1,0,0,1-1.42,0L12,13.41l-5.29,5.3a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.42L10.59,12,5.29,6.71A1,1,0,0,1,6.71,5.29L12,10.59l5.29-5.3a1,1,0,1,1,1.42,1.42L13.41,12Z\"\n />\n\n", }

<svg-icons-cmp :data-icons="icons" :data-seo="seo" />
1.4.4

2 days ago

1.4.8

1 day ago

1.4.7

1 day ago

1.4.3

6 days ago

1.4.2

19 days ago

1.4.1

22 days ago

1.4.0

23 days ago

1.3.18

23 days ago

1.3.17

2 months ago

1.3.15

2 months ago

1.3.16

2 months ago

1.3.14

2 months ago

1.3.13

3 months ago

1.3.11

3 months ago

1.3.12

3 months ago

1.3.10

4 months ago

1.3.9

4 months ago

1.3.8

4 months ago

1.3.7

4 months ago

1.3.6

4 months ago

1.3.3

4 months ago

1.3.2

4 months ago

1.3.1

4 months ago

1.2.17

7 months ago

1.2.16

7 months ago

1.2.12

7 months ago

1.2.11

7 months ago

1.2.9

7 months ago

1.2.8

8 months ago

1.2.7

8 months ago

1.2.6

8 months ago

1.2.5

8 months ago

1.2.4

8 months ago

1.2.3

8 months ago

1.2.2

8 months ago

1.2.1

8 months ago