Switch 🔗

Переключатель с двумя состояниями и опциональными подписями с каждой стороны

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

Текущее состояние: false

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

<Switch bind:value={ currentValue } left="False" right="True" />

Параметры:

left

string

Текст с левой стороны от переключателя

right

string

Текст с правой стороны от переключателя

value

boolean

Состояние переключателя

name

string

Аналог стандартного атрибута name для элемента input
(Внутри данного компонента кроется input, который меняет своё состояние вместе с value)

node

HTMLElement

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

id

string

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

className

string

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

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

on:change

Передаваемый параметр: { value: boolean }

on:focus

on:blur

on:mouseover

on:mouseleave

on:mouseup

on:mousedown