j-SVGIcons

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Tato složka zaznamenává novou webovou složku ve formě <ui-svgicon name="icon_name"></ui-svgicon>.

Použijte SVG sprit generátor https://svgsprit.es/

Konfigurace:

url {String} adresa URL souboru SVG (předvolená: empty)
Standardní šířka obrazu size {Number} (default: empty)

Výsledky <ui-svgicon>:

name {String} volitelné, ikona jméno
size {Number} volitelně, velikost obrazu (podmínkou: config.size)
selected {String} volitelné, vybrané jméno ikony (je zobrazeno, pokud mateřský prvek bude obsahovat třídu .selected)

Použijte ji s <ui-component name="svgicons">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>