2.0.2 • Published 10 months ago

@frankhoodbs/svg-icons-cmp v2.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
10 months 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" />
2.0.2

10 months ago

2.0.1

10 months ago

1.4.12

10 months ago

1.4.11

10 months ago

1.4.9

1 year ago

1.4.10

1 year ago

1.4.4

1 year ago

1.4.8

1 year ago

1.4.7

1 year ago

1.4.3

1 year ago

1.4.2

1 year ago

1.4.1

1 year ago

1.4.0

1 year ago

1.3.18

1 year ago

1.3.17

1 year ago

1.3.15

1 year ago

1.3.16

1 year ago

1.3.14

1 year ago

1.3.13

1 year ago

1.3.11

1 year ago

1.3.12

1 year ago

1.3.10

1 year ago

1.3.9

1 year ago

1.3.8

1 year ago

1.3.7

1 year ago

1.3.6

1 year ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.2.17

2 years ago

1.2.16

2 years ago

1.2.12

2 years ago

1.2.11

2 years ago

1.2.9

2 years ago

1.2.8

2 years ago

1.2.7

2 years ago

1.2.6

2 years ago

1.2.5

2 years ago

1.2.4

2 years ago

1.2.3

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago