diff --git a/internals/ui/showcase/slider.templ b/internals/ui/showcase/slider.templ
index c62660e..07fc741 100644
--- a/internals/ui/showcase/slider.templ
+++ b/internals/ui/showcase/slider.templ
@@ -8,22 +8,27 @@ templ SliderShowcase() {
 			<div>
 				<h2 class="font-semibold mb-4">Default Slider</h2>
 				@components.Slider(components.SliderProps{
-					ID:        "default",
-					Name:      "default",
-					Label:     "Volume",
-					Value:     50,
-					Min:       0,
-					Max:       100,
-					Step:      1,
-					ShowValue: true,
+					ID:   "default",
+					Name: "default",
 				})
 			</div>
 			<div>
 				<h2 class="font-semibold mb-4">With Label</h2>
+				@components.Slider(components.SliderProps{
+					ID:    "with-label",
+					Name:  "with-label",
+					Label: "Volume",
+					Value: 65,
+					Min:   0,
+					Max:   100,
+					Step:  1,
+				})
+			</div>
+			<div>
+				<h2 class="font-semibold mb-4">With Value</h2>
 				@components.Slider(components.SliderProps{
 					ID:          "with-label",
 					Name:        "with-label",
-					Label:       "Volume",
 					Value:       75,
 					Min:         0,
 					Max:         100,
@@ -33,7 +38,7 @@ templ SliderShowcase() {
 				})
 			</div>
 			<div>
-				<h2 class="font-semibold mb-4">Temperature Range</h2>
+				<h2 class="font-semibold mb-4">With Label and Value</h2>
 				@components.Slider(components.SliderProps{
 					ID:          "temperature",
 					Name:        "temperature",
diff --git a/pkg/components/slider.templ b/pkg/components/slider.templ
index 6b56a42..3475302 100644
--- a/pkg/components/slider.templ
+++ b/pkg/components/slider.templ
@@ -75,7 +75,7 @@ templ Slider(props SliderProps) {
 					<p class="text-sm text-muted-foreground">
 						<span x-text="value"></span>
 						if props.ValueFormat != "" {
-							{ " " + props.ValueFormat }
+							{ props.ValueFormat }
 						}
 					</p>
 				}
@@ -86,10 +86,18 @@ templ Slider(props SliderProps) {
 			type="range"
 			id={ props.ID }
 			name={ props.Name }
-			value={ fmt.Sprintf("%d", props.Value) }
-			min={ fmt.Sprintf("%d", props.Min) }
-			max={ fmt.Sprintf("%d", props.Max) }
-			step={ fmt.Sprintf("%d", props.Step) }
+			if props.Value != 0 {
+				value={ fmt.Sprintf("%d", props.Value) }
+			}
+			if props.Min != 0 {
+				min={ fmt.Sprintf("%d", props.Min) }
+			}
+			if props.Max != 0 {
+				max={ fmt.Sprintf("%d", props.Max) }
+			}
+			if props.Step != 0 {
+				step={ fmt.Sprintf("%d", props.Step) }
+			}
 			class={ utils.TwMerge(
 				"w-full h-2 rounded-full bg-secondary appearance-none cursor-pointer",
 				"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
diff --git a/pkg/components/slider_templ.go b/pkg/components/slider_templ.go
index 2350adc..79121fc 100644
--- a/pkg/components/slider_templ.go
+++ b/pkg/components/slider_templ.go
@@ -149,9 +149,9 @@ func Slider(props SliderProps) templ.Component {
 				}
 				if props.ValueFormat != "" {
 					var templ_7745c5c3_Var5 string
-					templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(" " + props.ValueFormat)
+					templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(props.ValueFormat)
 					if templ_7745c5c3_Err != nil {
-						return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 78, Col: 32}
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 78, Col: 26}
 					}
 					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 					if templ_7745c5c3_Err != nil {
@@ -210,59 +210,87 @@ func Slider(props SliderProps) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" value=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var9 string
-		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Value))
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 89, Col: 41}
+		if props.Value != 0 {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" value=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var9 string
+			templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Value))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 90, Col: 42}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
+		if props.Min != 0 {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" min=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var10 string
+			templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Min))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 93, Col: 38}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" min=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
+		if props.Max != 0 {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" max=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var11 string
+			templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Max))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 96, Col: 38}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
 		}
-		var templ_7745c5c3_Var10 string
-		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Min))
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 90, Col: 37}
+		if props.Step != 0 {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" step=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var12 string
+			templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Step))
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 99, Col: 40}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" max=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var11 string
-		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Max))
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 91, Col: 37}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" step=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var12 string
-		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(fmt.Sprintf("%d", props.Step))
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/components/slider.templ`, Line: 92, Col: 39}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}