x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="flex flex-col gap-4"> <label for="ui-sw-8435a751" class="inline-flex items-center gap-2 select-none cursor-pointer"> <span class="relative inline-flex shrink-0 items-center w-10 h-5"> <input id="ui-sw-8435a751" type="checkbox" role="switch" name="default_off" value="1" class="peer sr-only"> <span class="absolute inset-0 rounded-full bg-input peer-checked:bg-primary transition-all duration-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-primary peer-focus:ring-offset-1 ring-offset-background peer-disabled:cursor-not-allowed w-10 h-5"></span> <span class="pointer-events-none absolute left-0.5 top-0.5 rounded-full bg-white shadow-sm transition-transform peer-checked:translate-x-5 w-4 h-4"></span> </span> <span class="text-sm leading-none">Airplane mode</span> </label> <label for="ui-sw-2081adf8" class="inline-flex items-center gap-2 select-none cursor-pointer"> <span class="relative inline-flex shrink-0 items-center w-10 h-5"> <input id="ui-sw-2081adf8" type="checkbox" role="switch" name="default_on" value="1" checked="checked" class="peer sr-only"> <span class="absolute inset-0 rounded-full bg-input peer-checked:bg-primary transition-all duration-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-primary peer-focus:ring-offset-1 ring-offset-background peer-disabled:cursor-not-allowed w-10 h-5"></span> <span class="pointer-events-none absolute left-0.5 top-0.5 rounded-full bg-white shadow-sm transition-transform peer-checked:translate-x-5 w-4 h-4"></span> </span> <span class="text-sm leading-none">Wi-Fi</span> </label></div>1
2
3
4
<div class="flex flex-col gap-4"> <%= render(UI::Switch.new(name: "default_off", label: "Airplane mode")) %> <%= render(UI::Switch.new(name: "default_on", checked: true, label: "Wi-Fi")) %></div>No notes provided.
No params configured.