Component
MixedClick
It requires a primary click, a context click, and another primary click; a wrong button resets the sequence before the content is released.
01 / Preview
Try it yourself.
Left-click, right-click, then left-click. Use the wrong button and the ritual starts over.
Mechanism
- 1
- Left-click the content once to arm it.
- 2
- Right-click the same content to verify it.
- 3
- Left-click again to release it.
- 4
- Any wrong button resets the three-step sequence.
02 / Usage
Put it somewhere.
example.tsxTSX
import { MixedClick } from "gra-ui";
import "gra-ui/styles.css";
export function CeremonialRelease() {
return <MixedClick>Approve this card</MixedClick>;
}03 / API
Small surface area.
PropTypeDescription
childrenReactNodeThe content moved through the three-click sequence.