УрФУ

SelectButton 🔗

Альтернативный вариант оформления кнопок

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



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

<SelectButton variant="active">First</SelectButton>
<SelectButton variant="default">Third</SelectButton>
<SelectButton variant="blue">Third</SelectButton>

Параметры:

variant
enum

Вариант отображения кнопки.
Поддерживаются три значения: default, active и fill.
Значение по умолчанию: default

color
enum

Основной цвет кнопки.
Поддерживаются два значения: blue и red.
Значение по умолчанию: blue

size
enum

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

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