Вступление #

Для кастомизации радиокнопки можно использовать класс .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.