pref: Switch style and ARIA

luoxiaozero · luoxiaozero · commit d0593883b691 · 2024-03-21T22:01:50.000+08:00
diff --git a/thaw/src/switch/mod.rs b/thaw/src/switch/mod.rs
@@ -37,6 +37,8 @@ pub fn Switch(
 
             style=move || css_vars.get()
             on:click=move |_| value.set(!value.get_untracked())
+            role="switch"
+            aria-checked=move || if value.get() { "true" } else { "false" }
         >
             <div class="thaw-switch__button"></div>
         </div>
diff --git a/thaw/src/switch/switch.css b/thaw/src/switch/switch.css
@@ -8,6 +8,7 @@
     cursor: pointer;
     box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.05);
     transition: all 0.4s ease;
+    user-select: none;
 }
 
 .thaw-switch__button {

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,8 @@ pub fn Switch(`
`37`	`37`
`38`	`38`	`style=move \|\| css_vars.get()`
`39`	`39`	`on:click=move \|_\| value.set(!value.get_untracked())`
	`40`	`+ role="switch"`
	`41`	`+ aria-checked=move \|\| if value.get() { "true" } else { "false" }`
`40`	`42`	`>`
`41`	`43`	`<div class="thaw-switch__button"></div>`
`42`	`44`	`</div>`