УрФУ

RoundButton 🔗

Круглые кнопки с иконкой внутри

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



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

<RoundButton variant="plus" size="L" />
<RoundButton variant="plus" size="M" />
<RoundButton variant="plus" size="S" />

Параметры:

variant
enum

Иконка, отображаемая внутри кнопки.
Поддерживаются три стандартных значения: left, right и plus.
Значение по умолчанию: plus

size
enum

Размер кнопки
Поддерживаются четыре стандартных значения: S, M, L и XL.
Значение по умолчанию: M

animate
boolean

Анимация кнопки при нажатии
Значение по умолчанию: true

node
HTMLElement

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

id
string

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

className
string

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


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

on:click

on:focus

on:blur

on:mouseover

on:mouseleave

on:mouseup

on:mousedown