More granular rate slider

src/main/scala/example/Main.scala

@@ -99,17 +99,19 @@ def app =
     "£" + numberFormat.format(value.floor)
 
   inline def poundValue(source: Observable[Double]) =
-    val nn =
-      source.toObservable.map(formatPound)
-    span(color.maroon, child.text <-- nn)
+    span(color.maroon, child.text <-- source.toObservable.map(formatPound))
+
+  import com.raquo.laminar.codecs.DoubleAsStringCodec
+
+  val stepHtmlAttr = htmlAttr[Double]("step", DoubleAsStringCodec)
 
   val sliders = div(
     width := "50%",
     h1("Rate: ", child.text <-- rate.signal.map(y => s"$y%")),
     Slider(
-      _.min  := 2,
-      _.max  := 8.0,
-      _.step := 1,
+      _.min := 2,
+      _.max := 8.0,
+      stepHtmlAttr := 0.25,
       _.value <-- rate,
       _.showTooltip   := true,
       _.labelInterval := 1,
@@ -129,8 +131,8 @@ def app =
     ),
     h1("Deposit: ", poundValue(deposit.signal)),
     Slider(
-      _.min  := 10_000,
-      _.max  <-- housePrice,
+      _.min := 10_000,
+      _.max <-- housePrice,
       _.step := 10_000,
       _.value <-- deposit,
       _.showTooltip   := true,