Tier C

RN-universal Switch pilot

Scaffolded

Pressable track + translating thumb. Controlled and uncontrolled modes. accessibilityRole='switch' + accessibilityState.{checked,disabled} — emits role='switch' + aria-checked on RN Web.

Side-by-side: controlled

shadcn (Radix Switch)

Notifications

RN (Pressable via RN Web)

Notifications

Shared state: toggle either surface and both update.

Uncontrolled

Analytics tracking (on by default)

Disabled

Disabled, off

Disabled, on

Settings form

Reduce motion

Daily digest email

Beta features

Semantics

Aspect	shadcn	RN	Notes
Element	<button role="switch">	<Pressable accessibilityRole="switch">	Role parity
Checked state	data-state="checked"	accessibilityState.checked	Emits aria-checked on RN Web
Thumb motion	translate-x utility	transform translateX via style	transform array works on both web + native
Track colour	data-state descendant CSS	checked ? bg-primary : bg-switch-bg	Branch at the className level