Link 🔗

Обёртка над стандартным тегом a

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

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

<Link href="#" lineWidth={ 2 } variant="regular">Стандартная ссылка</Link><br />
<Link href="#" lineWidth={ 2 } variant="hover">Подчёркивание при наведении</Link><br />
<Link href="#" lineWidth={ 2 } variant="underlined">Статичное подчёркивание</Link><br />
<Link href="#" lineWidth={ 2 } variant="interactive">Анимация при наведении</Link><br />

Параметры:

href

string

Ссылка для перехода по нажатию

target

string

Определяет, где откроется ссылка из параметра href (в этом же окне, в новом и т.д.)
Значение по умолчанию: _SELF

variant

enum

Вариант отображения
Поддерживаемые значения: regular, hover, underlined и interactive
Значение по умолчанию: regular

lineWidth

number

Отступ по вертикали. (Устанавливается в em)

color

number

Отступ сверху. (Устанавливается в em)

node

HTMLElement

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

id

string

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

className

number

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

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

on:click

on:focus

on:blur

on:mouseover

on:mouseleave

on:mouseup

on:mousedown