j-SVGIcons

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Este componente registra um novo componente da Web no formato <ui-svgicon name="icon_name"></ui-svgicon>.

Utilize o gerador de SPG https://svgsprit.es/

Configuração:

url {String} um endereço URL para o arquivo SVG (default: empty)
size {Number} uma largura de imagem padrão (default: empty)

Apresentação de <ui-svgicon>:

name {String} opcional, nome do ícone
size {Number} opcional, um tamanho da imagem (default: config.size)
Nome do ícone selected {String} opcional (será exibido se o elemento-mãe contém a classe .selected)

Use-o com <ui-component name="svgicons">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>