Yb-checkboxes NPM

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
Array data, default = undefined данные для построения Checkbox-ов (в случае 1-го варианта использования) Формат: {String/Nubmer value, String label, Boolean disabled}
Array activeValues, default = undefined (value у Checkbox-ов, которые выбраны на старте)
Array activeIndexes, default = undefined аналогично activeValues (activeValues приоритетней)
String labelKey, default="label" ключ в массиве data, вывод содержимого, надписи (в случае 1-го варианта использования)
String valueKey, default="value" ключ, который будет учитываться при расчетах