j-SVGIcons

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Този компонент регистрира нов уеб компонент във формата на <ui-svgicon name="icon_name"></ui-svgicon>.

Използвайте SVG спирт генератор https://svgsprit.es/

Конфигуриране:

url {String} URL адрес на файла SVG (предварително: empty)
size {Number} - стандартна ширина на изображението (предварително: empty)

Атрибути на <ui-svgicon>:

name {String} опция, икона име
size {Number} опционален, размер на изображението (предварително: config.size)
selected {String} опционално, избрано име на иконата (това ще се покаже, ако родителският елемент съдържа клас .selected)

Използвайте го с <ui-component name="svgicons">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>