Document 🔗

Компонент для удобного отображения списка документов

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

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

<Document filename="UrFU UI Kit Svelte" extension="pdf" />
<Document filename="SvelteKit Manual" extension="docx" />
<Document filename="Svelte components list" extension="xlsx" />

Параметры:

filename

string

required

Название файла

link

string

required

Ссылка для скачивания файла

extension

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