Drafted
Live
none — this dialect is a file you can open from disk
None of this is @eakz/ui's Button. The pack's Button is exhibited elsewhere, extracted from the repo; this one was authored for the showcase, ships in no package, and reimplements nothing. Square corners where that one is rounded, so the two can never be mistaken for each other.
A button that says what it is about to do. At rest it is a plan: a thin outline. Point at it and four registration marks close in around its corners from a 4px outset, the outline warms and the label opens up — the plan is being drafted. Press it and the whole thing commits at once, with no animation, because a commit is not a transition.
The marks are pseudo-elements, two on the button and two on the label span: a corner bracket is one box with two borders, so four brackets need no elements of their own.