Toggle
AtomBoolean ayarlar için sürgü kontrolü. peer tabanlı CSS ile çalışır; label ve 3 boyut destekler.
<%
var _sz = locals.size || 'md';
var _ch = locals.checked ? 'checked' : '';
var _dis = locals.disabled ? 'disabled' : '';
var wClass = {
sm: 'w-8 h-4',
md: 'w-11 h-6',
lg: 'w-14 h-7'
}[_sz] || 'w-11 h-6';
var dotClass = {
sm: 'h-3 w-3 peer-checked:translate-x-4',
md: 'h-5 w-5 peer-checked:translate-x-5',
lg: 'h-6 w-6 peer-checked:translate-x-7'
}[_sz] || 'h-5 w-5 peer-checked:translate-x-5';
var _id = locals.id || 'toggle-' + Math.random().toString(36).substr(2, 9);
%>