Add animated example for Checkbox

docs/src/reference/blocks/checkbox.md

@@ -1,6 +1,11 @@
 # Checkbox
 
-```@figure backend=GLMakie
+```@example checkbox
+using GLMakie
+using Random # hide
+GLMakie.activate!() # hide
+
+
 f = Figure()
 
 gl = GridLayout(f[2, 1], tellwidth = false)
@@ -10,26 +15,65 @@ cb1 = Checkbox(subgl[1, 1], checked = false)
 cb2 = Checkbox(subgl[2, 1], checked = true)
 cb3 = Checkbox(subgl[3, 1], checked = true)
 
-Label(subgl[1, 2], "Show grid", halign = :left)
-Label(subgl[2, 2], "Show ticklabels", halign = :left)
-Label(subgl[3, 2], "Show title", halign = :left)
+Label(subgl[1, 2], "Dataset A", halign = :left)
+Label(subgl[2, 2], "Dataset B", halign = :left)
+Label(subgl[3, 2], "Dataset C", halign = :left)
 rowgap!(subgl, 8)
 colgap!(subgl, 8)
 
-ax = Axis(
-    f[1, 1],
-    title = "Checkboxes",
-    xgridvisible = cb1.checked,
-    ygridvisible = cb1.checked,
-    xticklabelsvisible = cb2.checked,
-    yticklabelsvisible = cb2.checked,
-    xticksvisible = cb2.checked,
-    yticksvisible = cb2.checked,
-    titlevisible = cb3.checked,
-    alignmode = Outside(),
-)
+ax = Axis(f[1, 1])
+
+Random.seed!(123) # hide
+for cb in [cb1, cb2, cb3]
+    lines!(ax, cumsum(randn(1000)), alpha = @lift($(cb.checked) ? 1.0 : 0.1))
+end
 
 f
+nothing # hide
+```
+
+```@setup checkbox
+using ..FakeInteraction
+
+evts = [
+    Wait(0.5),
+    Lazy() do fig
+        MouseTo(relative_pos(cb1, (0.7, 0.3)))
+    end,
+    Wait(0.2),
+    LeftClick(),
+    Wait(0.5),
+    Lazy() do fig
+        MouseTo(relative_pos(cb2, (0.5, 0.6)))
+    end,
+    Wait(0.2),
+    LeftClick(),
+    Wait(0.5),
+    Lazy() do fig
+        MouseTo(relative_pos(cb3, (0.4, 0.4)))
+    end,
+    Wait(0.2),
+    LeftClick(),
+    Wait(0.5),
+    Lazy() do fig
+        MouseTo(relative_pos(cb2, (0.6, 0.5)))
+    end,
+    Wait(0.2),
+    LeftClick(),
+    Wait(0.5),
+    Lazy() do fig
+        MouseTo(relative_pos(cb1, (0.3, 0.3)))
+    end,
+    Wait(0.2),
+    LeftClick(),
+    Wait(1.0),
+]
+
+interaction_record(f, "checkbox_example.mp4", evts)
+```
+
+```@raw html
+<video autoplay loop muted playsinline src="./checkbox_example.mp4" width="600"/>
 ```
 
 ## Attributes