Компонент Custom Checkbox является легко настраиваемым кастомным элементом, предназначенным для использования в веб-приложениях. Он поддерживает три состояния (checked, unchecked, mixed) и настраиваемый размер.
- Добавление компонента на страницу:
- Чтобы добавить кастомный чекбокс на страницу, просто вставьте следующий HTML-код:
<custom-checkbox></custom-checkbox>
-
Добавление атрибутов для компонента:
- Можно добавить состояние чекбокса при инициализации компонента и его размер, например так:
<custom-checkbox size="50" role="mixed"></custom-checkbox> - Если не добавлять, то значение по умолчанию будут size="20px" и role="unchecked"
- Можно добавить состояние чекбокса при инициализации компонента и его размер, например так:
-
Поменять иконки для чекбокса можно глобально из style.css, они инкапсулируются в shadow DOM custom-checkbox компонента