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

• String value, default = undefined