Checkboxes

Кнопки checkbox, кнопки выбора Посмотреть как работает Может быть использован как часть более сложных компонентов

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

• Импортируем

import {Checkboxes, Checkbox} from "yb-checkboxes";

• Пример jsx

// 1й вариант

this.state.activeValues = [2, 3];
this.data = [
    {value: 1, label: "checkbox 1"},
    {value: 2, label: "checkbox 2"},
    {value: 3, label: "checkbox 3"},
    {value: 4, label: "checkbox 4", disabled : true}
];
this.click(items) {}

<Checkboxes
    activeValues={this.state.activeValues}
    data={this.data}
    onClick={this.click}
/>

// 2й вариант

<Checkboxes
    activeValues={this.state.activeValues}
    onClick={this.click}
>
    <Checkbox value={1}>checkbox 1</Checkbox>
    <Checkbox value={2}>checkbox 2</Checkbox>
    <Checkbox value={3}>checkbox 3</Checkbox>
    <Checkbox value={4} disabled={true}>checkbox 4</Checkbox>
</Checkboxes>

Пропсы Checkboxes

• Function onClick(Array items) клик по любому RadioButton items - массив объектов, массив набора свойств, ассоциированных с данным Checkbox

Пропсы Checkbox

• String value, default = undefined