Вступление #

Кастомизация радио-кнопки, можно использовать по умолчанию класс .js-custom-radio.

Установка #

Пример разметки и инициализации кастомизированной радио-кнопки.

    <input
        class="js-custom-radio"
        type="radio"
		name="custom radio button"
		value="radio button"
        data-radio-options='{"content": "<p><b>пример</b> радио-кнопки.</p>"}'
    >

Конфигурация #

Настройки, которые указываются при помощи специальных data-атрибутов.

data-radio-options #

В значениях указываются параметры для гибкой настройки элемента.

    <input
        class="js-custom-radio"
        type="radio"
        data-radio-options='{"content": "<p><b>пример</b> радио-кнопки.</p>"}'
    >
Название Тип Описание
content string Добавляет доп.контент к кастомизированной радио-кнопке.

data-radio-class #

В значениях можно указать свои классы для кастомизации радио-кнопки.

    <input
        class="js-custom-radio"
        type="radio"
        data-radio-class='{
            "label":   "my-custom-label",
            "field":   "my-custom-field",
            "replace": "my-custom-replace",
            "content": "my-custom-content"
        }'
    >

где

Название Тип Описание
label string Класс родительской обёртки, по умолчанию radio-button-label.
field string Класс радио-кнопки, по умолчанию radio-button-field.
replace string Класс замены радио-кнопки, по умолчанию radio-button-replace.
content string Класс обёртки контента, по умолчанию radio-button-content.