State Flip
Two states stacked in one slot; one slides out as the other slides in. The button never changes size.
Usage
Meant for
Examples
On a Button
Click it. Two states stacked in one slot; one slides out as the other slides in, in 250 ms on one curve, like a single sheet. Both buttons share one grid cell, so the control never changes size — the difference between this and swapping the label. It is a toggle, so a transition: set data-state="on" on the slot. Round the slot like the button (rounded-md) so the clip follows its corners.
The class is wm wm-state-flip — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.