Вступление #
Кастомизация радио-кнопки, можно использовать по умолчанию класс .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 . |