Компонент Checkboxes

Компонент Checkboxes представляет собой набор кастомных элементов управления, таких как радио-кнопки, чекбоксы, переключатели (toggle) и чекбоксы с галочкой. Он используется для предоставления пользователю возможности выбора одного или нескольких вариантов из предложенных. Компонент поддерживает различные состояния (активное, неактивное, выбранное, наведение) и стилизуется с помощью CSS.

Назначение компонента

Компонент Checkboxes используется для:

  • Выбора одного варианта из нескольких (радио-кнопки).
  • Выбора нескольких вариантов (чекбоксы).
  • Включения/отключения опций (переключатели).
  • Отображения выбранных состояний с помощью галочки или черточки.

Пример стандартного чекбокса

    
<smart
name="checkboxes"
sf-code="checkboxes"
property = '{"size": "default"}'
template = "default"
data='{"header": "Подтвердить" ,"label":"Вы согласны с пользовательским соглашением", "icon": "help"}'>
</smart>

    

Пример с использованием только label:

Чекбокс с черточкой


<smart
    name="checkboxes"
    sf-code="checkboxes"
    property='{"size": "small"}'
    template="dash"
    data='{ "label":"Вы согласны с пользовательским соглашением"}'>
</smart>

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

Изменить статью