CheckboxRadio

Свойства

• class (string):
  Кастомный класс для стилизации основного элемента чекбокса.
• labelClass (string):
  Дополнительный класс для стилизации элемента метки label, если она используется.
• labelStyle (string | JSX.CSSProperties):
  Инлайн-стили для метки label, применяемые, если метка используется.
• checked (boolean):
  Определяет текущее состояние чекбокса (выбран/не выбран). Если передано значение, оно контролирует состояние чекбокса.
• formId (string):
  Идентификатор формы для связывания чекбокса с конкретной формой.
• onChecked *(function(checked: boolean)):
  Функция-обработчик, вызываемая при изменении состояния чекбокса (когда он становится выбранным или снимается выбор).
• store ([get: any, set: function(field: string, value: boolean | string | number | string[])]):
  Опциональное хранилище, которое управляет состоянием чекбокса. Первый элемент массива отвечает за получение значения, а второй — за его обновление.
• children (jsx.JSX.Element):
  Если передано, отображает метку рядом с чекбоксом.

События

• onInputHandler (MouseEvent): Обработчик клика по чекбоксу. Обновляет состояние хранилища, если оно передано, и вызывает обработчик onChecked, если он указан.
• labelMouseEvent (MouseEvent): Обработчик событий мыши для метки label, который блокирует распространение событий клика и нажатия, чтобы избежать нежелательного поведения.

Важные моменты

• createEffect:
  Эффект, который следит за изменениями свойства checked и синхронизирует его с состоянием DOM-элемента чекбокса.
• onMount:
  Функция, которая выполняется после монтирования компонента. Она переопределяет свойство value у чекбокса, чтобы вернуть правильное значение в зависимости от состояния checked.