Checkbox 🔗

Чекбоксы с удобным синтаксисом и возможностью множественного выбора

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

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

<script>
    let group = ["hello", "bye"]
</script>

<Checkbox name="test" bind:group value="hello">
    Click me! (hello)
</Checkbox>
<Checkbox name="test" bind:group value="bye">
    Click me! (bye)
</Checkbox>
<br />
Selected: { group.toString() }

Параметры:

name

string

required

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

value

string

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

required

boolean

Аналог стандартного атрибута required
Значение по умолчанию: false

disabled

boolean

Аналог стандартного атрибута disabled
Значение по умолчанию: false

group

object

Параметр для объединения нескольких компонентов Checkbox в группу

checked

boolean

Аналог стандартного атрибута checked
Значение по умолчанию: false

inline

boolean

Если этот параметр установлен (имеет значение true), то к компоненту будет применено свойство display: inline-block
Иначе – display: block
Значение по умолчанию: false

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

on:input

on:change