j-SVGIcons

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Denna komponent registrerar en ny webbkomponent i form av <ui-svgicon name="icon_name"></ui-svgicon>.

Använd SVG sprit generator https://svgsprit.es/

Konfigurera:

url {String} en URL till SVG-filen (default: empty)
size {Number} en standardbildbredd (default: empty)

Tillbehör till <ui-svgicon>:

name {String} valfritt, ikon namn
size {Number} valfritt, en bildstorlek (default: config.size)
selected {String} valfritt, markerat ikonnamn (det visas om det moderelementet innehåller .selected klass)

Använd den med <ui-component name="svgicons">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>