release: WRNexusJS 0.3.5
This commit is contained in:
@@ -1,14 +1,15 @@
|
||||
component Checkbox {
|
||||
props {
|
||||
class = ""
|
||||
id = ""
|
||||
name = ""
|
||||
size = "default"
|
||||
color = "primary"
|
||||
label = "Checkbox"
|
||||
description = ""
|
||||
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 p-2 transition hover:bg-slate-50 dark:hover:bg-slate-900 {class}"><input id="{id}" name="{name}" type="checkbox" checked="{checked}" disabled="{disabled}" class="mt-0.5 size-5 rounded border-slate-300 text-violet-600 focus:ring-violet-500 dark:border-slate-700 dark:bg-slate-950" /><span><span class="block text-sm font-semibold text-slate-900 dark:text-white">{label}</span><span data-show="description" class="mt-0.5 block text-sm text-slate-500 dark:text-slate-400">{description}</span></span></label>
|
||||
<label class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--choice wire-next--checkbox {class}"><input {...attrs} type="checkbox" name="{name}" value="{value}" checked="{checked}" disabled="{disabled}" /><span>{label}</span></label>
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user