Yb-radiobuttons NPM

Radiobuttons

Кнопки radio, кнопки выбора Посмотреть как работает

Подключение и использование

Важно: Внутри \<RadioButtons> должны быть только \<RadioButton>

Импортируем

import {RadioButtons, RadioButton} from "yb-radiobuttons";

Пример jsx

// 1й вариант

this.data = [
    {value: 1, label: "radiobutton 1"},
    {value: 2, label: "radiobutton 2"},
    {value: 3, label: "radiobutton 3"},
    {value: 4, label: "radiobutton 4", disabled : true}
];
this.click(item, index) {}
<RadioButtons
    data={this.data}
    activeValue={this.state.activeValue}
    onClick={this.click}
/>

// 2й вариант

<RadioButtons
    activeValue={this.state.activeValue}
    onClick={this.click}
>
    <RadioButton value={1}>radiobutton 1</RadioButton>
    <RadioButton value={2}>radiobutton 2</RadioButton>
    <RadioButton value={3}>radiobutton 3</RadioButton>
    <RadioButton value={4} disabled={true}>radiobutton 4</RadioButton>
</RadioButtons>

Пропсы RadioButtons

Function onClick(Object item, Number index) клик по любому RadioButton item - объект, набор свойств, ассоциированных с данным RadioButton, index - порядковый индекс RadioButton
Array data, default = undefined данные для построения RadioButton-ов (в случае 1-го варианта использования) Формат: {String/Nubmer value, String label, Boolean disabled}
String activeValue, default = undefined value у RadioButton, в котором на старте сразу выставится свойство active_true (RadioButton, который выбран на старте)
Nubmer activeIndex, default = undefined index у RadioButton, аналогично activeValue (activeValue приоритетней)