j-SVGIcons

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Ez a komponens új webkomponentet regisztrál a <ui-svgicon name="icon_name"></ui-svgicon> formátumban.

SVG sprites generátor https://svgsprit.es/

konfiguráció:

url {String} egy URL-cím a SVG fájlhoz (default: empty)
size {Number} egy alapértelmezett kép szélessége (default: empty)

A <ui-svgicon> jellemzői:

name {String} opcionális, ikon neve
size {Number} opcionális, képméret (default: config.size)
selected {String} opcionális, kiválasztott ikon neve (a szülő elem tartalmazza a .selected osztály)

Használja a <ui-component name="svgicons">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

example.html

<ui-component name="svgicons" config="url:/svgicons.svg;size:30"></ui-component>

<div class="padding">
	<ui-svgicon name="phone"></ui-svgicon>
	<ui-svgicon name="phone"></ui-svgicon>
	<ui-svgicon name="phone" size="50"></ui-svgicon>
	<span class="toggle">
		<ui-svgicon name="profile" selected="profilefull"></ui-svgicon>
	</span>
</div>

<script>

	setInterval(function() {
		$('.toggle').tclass('selected');
	}, 1500);

</script>