release: WRNexusJS 0.3.5

packages/ui/components/radio.wrn

@@ -1,15 +1,15 @@
 component Radio {
   props {
-    class = ""
-    id = ""
-    name = "choice"
-    value = ""
-    label = "Option"
-    description = ""
+    size = "default"
+    color = "primary"
+    label = "Radio"
+    name = ""
+    value = "on"
     checked = false
     disabled = false
+    class = ""
   }
   view {
-    <label for="{id}" class="flex min-h-11 cursor-pointer items-start gap-3 rounded-xl border border-slate-200 p-3 transition hover:border-violet-400 dark:border-slate-800 {class}"><input id="{id}" name="{name}" type="radio" value="{value}" checked="{checked}" disabled="{disabled}" class="mt-0.5 size-5 border-slate-300 text-violet-600 focus:ring-violet-500" /><span><span class="block text-sm font-semibold">{label}</span><span data-show="description" class="text-sm text-slate-500">{description}</span></span></label>
+    <label class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--choice wire-next--radio {class}"><input {...attrs} type="radio" name="{name}" value="{value}" checked="{checked}" disabled="{disabled}" /><span>{label}</span></label>
   }
 }