release: WRNexusJS 0.3.5

packages/ui/components/RangeSlider.wrn

@@ -1,13 +1,20 @@
 component RangeSlider {
   props {
-    eyebrow = ""
-    title = ""
-    description = ""
-    href = ""
-    actionLabel = "Learn more"
-    image = ""
-    alt = ""
+    size = "default"
+    color = "primary"
+    label = "Range Slider"
+    name = ""
+    value = ""
+    placeholder = ""
+    type = "range"
+    min = ""
+    max = ""
+    step = ""
+    disabled = false
+    required = false
     class = ""
   }
-  view { <article class="wire-card wire-catalog-card {class}">{#if image}<img src="{image}" alt="{alt}" class="wire-catalog-card__image" />{/if}{#if eyebrow}<span class="wire-eyebrow">{eyebrow}</span>{/if}{#if title}<h3>{title}</h3>{/if}{#if description}<p>{description}</p>{/if}<slot />{#if href}<a href="{href}" class="wire-btn wire-btn--ghost">{actionLabel}</a>{/if}</article> }
+  view {
+    <label class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--field wire-next--range-slider {class}"><span>{label}</span><input {...attrs} type="{type}" name="{name}" value="{value}" placeholder="{placeholder}" min="{min}" max="{max}" step="{step}" disabled="{disabled}" required="{required}" /></label>
+  }
 }