j-SVGIcons

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Questo componente registra un nuovo componente Web nella forma <ui-svgicon name="icon_name"></ui-svgicon>.

Utilizzare il generatore SVG https://svgsprit.es/

Configurazione:

url {String} un indirizzo URL per il file SVG (default: empty)
size {Number} una larghezza immagine predefinita (predefinito: empty)

I vantaggi di <ui-svgicon>:

name {String} opzionale, nome iconico
size {Number} opzionale, una dimensione dell'immagine (default: config.size)
selected {String} nome iconico selezionato (verrà visualizzato se l'elemento parentale contiene la classe .selected)

Utilizzare con <ui-component name="svgicons">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

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>