j-SVGIcons

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Este componente registra un nuevo componente web con el formato <ui-svgicon name="icon_name"></ui-svgicon>.

Utilice el generador de sprites SVG https://svgsprit.es/

Configuración:

url {String} una dirección URL al archivo SVG (predeterminado: empty)
size {Number} un ancho de imagen predeterminado (predeterminado: empty)

Atributos <ui-svgicon>:

name {String} opcional, nombre del icono
size {Number} opcional, un tamaño de imagen (predeterminado: config.size)
selected {String} opcional, nombre del icono seleccionado (se mostrará si el elemento principal contendrá la clase .selected)

Úselo con <ui-component name="svgicons">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>