A slider drives a progress bar whose color shifts at each threshold. The slider’s reactive reference is forward-declared with a lambda, so it can be used by components above it in the tree — the lambda resolves at render time, after the slider exists. TheDocumentation Index
Fetch the complete documentation index at: https://prefab.prefect.io/docs/llms.txt
Use this file to discover all available pages before exploring further.
.then() chains compile to nested ternary expressions in the wire format — {{ slider_1 < 20 ? 'bg-red-500' : ... }} — which the renderer re-evaluates on every state change. Because val = slider.rx is a reactive reference, any prop that receives it (here value, indicator_class, and the Text content) updates instantly as the slider moves.