yb-switcher

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