j-SVGIcons

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Acest component înregistrează un nou component web în formularul <ui-svgicon name="icon_name"></ui-svgicon>.

Utilizarea generatorului SVG https://svgsprit.es/

Configurarea:

url {String} este o adresă URL a fișierului SVG (defață: empty)
size {Number} o lățime de imagine standard (default: empty)

Atributele <ui-svgicon>:

name {String} opțional, numele iconului
size {Number} opțional, o dimensiune a imaginii (default: config.size)
Numele iconului selected {String} opțional (va fi afișat dacă elementul matern va conține clasa .selected)

Utilizați-l cu <ui-component name="svgicons">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>