simple-qa v1.0.4

Простой компонент

Необходимые зависимости (пока нет в npm)

• ToggleElement (npm i toggle-qa)
• ArrowChange (npm i arrowchange-qa)
• npm i extract-text-webpack-plugin@4.0.0-beta.0

Несколько вариантов использования

Поля

• label - текст над элементом
• inputLabel - текст внутри элемента (в input-е)

Формат данных для SimpleOption, CheckboxOption

data = [{
    label : "Видимый текст",
    value : 4, // значение
    isChecked : true // выбор - устанавливается автоматически
}]

Формат данных для ColorOption

data = [{
    value : #f99883, // значение, которое нарисует цвет
        Спец.значения (используются особые иконки):
        - transparent - прозрачный
        - multicolor - цветной (несколько цветов)
        - #ffffff - меняется цвет фоновой галочки выбора
    tooltip : "надпись при наведении на цвет"
    isChecked
}]

События

• clickOption() - воспроизводится при выборе любого option
• applyButton() - воспроизводится при нажатии кнопки "Применить"
• clear() - воспроизводится при нажатии крестика (очистить всё)