Partner 🔗

Компонент для отображения логотипов партнеров с опциональной подписью

Пример использования:

Исходный код для примера выше:

<script>
    let partners = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
</script>

{ #each partners as partner }
    <Partner src="/img/urfu-blue.svg" caption="УрФУ" />
{ /each }

Параметры:

src

string

required

Ссылка на изображение

caption

string

Подпись (опциональная)

transition

object

Объект, описывающий переходы для компонента. Имеет следующие свойства:
in – переход при монтировании компонента
out – переход при демонтировании компонента

Каждое из этих свойств может содержать в себе объект со следующими свойствами:
func – функция, выполняющая переход от начального состояния к конечному
options – опциональный объект с опциональными свойствами delay, duration и easing
Подробнее: Документация по Svelte

node

HTMLElement

Параметр для связки с HTML-элементом, который лежит в основе компонента
(аналог стандартного bind:this)

id

string

Аналог стандартного атрибута id

className

string

Аналог стандартного атрибута class

Поддерживаемые события:

on:click

on:mouseover

on:mouseleave

on:mouseup

on:mousedown