Menu item
A row inside a dropdown or action menu. One attribute sets tone on an <a> or <button> that keeps its own href / type / x-on:click wiring.
Tone
As a menu
States
Menu action
A menu row with its own idle → pending → success/error lifecycle. It posts its enclosing
form itself, crossfades between stacked states in place (the row never reflows), and once
the success beat has played it refreshes the element named by refresh-target
through Alpine-AJAX instead of reloading the page. This demo is live — the first row
succeeds, the second is refused by the server and returns to idle for a retry.
Section nav
A sticky rail of anchor links to sections already on the page. The page owns the sections and the anchors — this component is only the rail's presentation and the Alpine store that tracks which one is in view.
API
NeutralDangerIconNamestringstring (default: label + …)string (default: Done)string (default: Couldn't complete)element id refreshed via Alpine-AJAX after success (default: full reload)string (default: On this page)bool (default: true)section id, matched against an element's own id on the page