Importing alternative checkboxes

Ignition
4

Basic proof of concept, up to you to make it pretty :wink:

20241009_211457

.ia_toggleSwitch__track,
.ia_toggleSwitch__thumb {
	display: none;
}

.ia_toggleSwitch {
	flex-direction: row;
	width: 100%;
	display: inline-block;
	overflow: visible;
}


.ia_toggleSwitch::after {
	position: absolute;
	width: 50%;	
	top: 0px;
	bottom: 0px;
	border-radius: 8px;
	

	content: "No";
	left: 0px;
	background-color: red;
}


.ia_toggleSwitch:has(.ia_toggleSwitch__thumb--selected)::after  {
	left: auto;
	right: 0px;

	content: "Yes";
	background-color: green;
}