yb-radiobuttons

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 приоритетней)

Пропсы RadioButton

• String value, default = undefined

значение RadioButton