yb-switcher v1.0.8

Switcher

Блочный переключатель (Radio-switcher) Выбирается 1 элемент из списка Посмотреть как работает

Подключение

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

import Switcher from "yb-switcher";

Примеры использования

Пример jsx

<Switcher
    data={this.data}
    onClick={this.click}
/>

Пример data

this.data = [
    {label : 'Label 1', value : 1},
    {label : 'Label 2', value : 2},
    {label : 'Label 3', value : 3}
];

Пропсы

• Array data - данные для количества и содержимого блоков выбора Обязательное! Если не указано, элемент не отобразится
• String labelKey - ключ элемента из массива data, значение которого будет отображаться в каждом блоке выбора default="label"
• String valueKey - ключ элемента из массива data, значение которого учитывается только при старте компонента, при сравнении с полем startValue default="value"
• <> startValue - значение одного из элементов массива data, которое при старте будет активным default=""
• Boolean isInvalid маркер ошибки

События

• onClick(Object item, Number index) - срабатывает при клике на блок выбора
  • item: объект из массива данных data
  • index: порядковый номер объекта в массиве данных data