(defcomp
  ()
  (~docs/page
    :title "Input Binding"
    (p
      "The "
      (code ":bind")
      " attribute creates a two-way link between a signal and a form element. Type in the input — the signal updates. Change the signal — the input updates. Works with text inputs, checkboxes, radios, textareas, and selects.")
    (~reactive-islands/index/demo-input-binding)
    (~docs/code
      :src (highlight
        (component-source "~reactive-islands/index/demo-input-binding")
        "lisp"))
    (p
      (code ":bind")
      " detects the element type automatically — text inputs use "
      (code "value")
      " + "
      (code "input")
      " event, checkboxes use "
      (code "checked")
      " + "
      (code "change")
      " event. The effect only updates the DOM when the value actually changed, preventing cursor jump.")))
