УрФУ

Radio 🔗

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

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


Selected:

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

<script>
    let group = undefined
</script>

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

Параметры:

name
string
required

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

value
string

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

required
boolean

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

disabled
boolean

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

group
object

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

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