remove datastar range component

This commit is contained in:
Robin Olsen
2026-02-03 16:41:05 +01:00
parent cf8a187011
commit f4b34c393f

View File

@@ -14,7 +14,6 @@ type RangeProps struct {
Size string
}
// Note: usage requires alpine.js
templ Range(props RangeProps) {
<div class="form-control">
<label
@@ -53,46 +52,3 @@ templ Range(props RangeProps) {
</label>
</div>
}
// Note: usage requires datastar.js
templ DatastarRange(props RangeProps) {
<div class="form-control">
<label
class="label space-x-1"
data-signals={ fmt.Sprintf("{value: %d}", props.Value) }
>
if props.Label != "" {
<span
class={
templ.KV("text-xs", props.Size == "xs"),
templ.KV("text-sm", props.Size == "sm"),
templ.KV("text-lg", props.Size == "lg"),
templ.KV("text-xl", props.Size == "xl"),
}
>{ props.Label }</span>
}
<input
type="range"
if props.ID != "" {
id={ props.ID }
}
name={ props.Name }
min={ fmt.Sprintf("%d", props.Min) }
max={ fmt.Sprintf("%d", props.Max) }
class={
"range", props.Class,
templ.KV("range-xs", props.Size == "xs"),
templ.KV("range-sm", props.Size == "sm"),
templ.KV("range-lg", props.Size == "lg"),
templ.KV("range-xl", props.Size == "xl"),
}
step={ fmt.Sprintf("%d", props.Step) }
data-bind-value
/>
<div
class="w-full max-w-7"
data-text="$value"
></div>
</label>
</div>
}