Files
rose-ash/sx/sxc/examples/loading-states-demo.sx
giles a7da235459 SXC content: docs/examples/home/reference pages + SX testing runner
New sxc/ content tree with 120 page files across docs, examples, home,
and reference demos. sx/sx/testing/ adds page-runner.sx (317L) and
index-runner.sx (394L) — SX-native test runner pages for
browser-based evaluation.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-22 09:08:47 +00:00

19 lines
728 B
Plaintext

(defcomp
()
(div
(~tw :tokens "space-y-4")
(button
:sx-get "/sx/(geography.(hypermedia.(example.(api.slow))))"
:sx-target "#loading-result"
:sx-swap "innerHTML"
(~tw :tokens "sx-loading-btn px-4 py-2 bg-violet-600 text-white rounded hover:bg-violet-700 transition-colors text-sm flex items-center gap-2")
(span
(~tw :tokens "sx-spinner w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin"))
(span "Load slow endpoint"))
(div
:id "loading-result"
(~tw :tokens "p-4 rounded border border-stone-200 bg-stone-100 text-center")
(p
(~tw :tokens "text-stone-400 text-sm")
"Click the button — it takes 2 seconds."))))