(defcomp
  ()
  (~examples/page-content
    :title "Keyboard Shortcuts"
    :description "Use sx-trigger with keyup event filters and from:body to listen for global keyboard shortcuts. The filter prevents firing when typing in inputs."
    :demo-description "Press s, n, or h on your keyboard."
    :demo (~examples/keyboard-shortcuts-demo)
    :sx-code "(div :id \"kbd-target\"\n  :sx-get \"/sx/(geography.(hypermedia.(example.(api.keyboard))))?key=s\"\n  :sx-trigger \"keyup[key=='s'&&!event.target.matches('input,textarea')] from:body\"\n  :sx-swap \"innerHTML\"\n  \"Press a shortcut key...\")"
    :handler-names (list "ex-keyboard")
    :comp-placeholder-id "kbd-comp"
    :wire-placeholder-id "kbd-wire"))
