x
1
2
3
4
5
6
7
<label for="ui-sw-99ad9706" 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-99ad9706" type="checkbox" role="switch" name="demo" 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>1
2
3
4
render(UI::Switch.new( name: "demo", label: label, size: size.to_sym, checked: checked, required: required, disabled: disabled))No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|