Component

GesturePatent

The same content passes three gesture stations in a fixed order: a single click stamps it, a double-click turns it and a right-click seals it. A wrong gesture resets the route, while keyboard activation remains available on each station.

Possible use

It could make a reviewer stamp, turn and seal a handoff note before filing it, or let a presenter rehearse three kinds of pointer intent before revealing an agenda item.

Reasonable alternative

A reasonable local alternative is one explicit confirmation button or a short form. Binding a business decision to three unrelated gesture types creates ceremony and failure without security.

01 / Preview

Try it yourself.

PENDING

Approved for another meeting

Mechanism

1: Click Stamp once.
2: Double-click Turn, then right-click Seal.
3: A wrong gesture restarts the patent; keyboard activation works on each station too.

02 / Usage

Put it somewhere.

example.tsxTSX

import { GesturePatent } from "gra-ui";
import "gra-ui/styles.css";

export function PatentedNotice() {
  return <GesturePatent><span>Approved for another meeting</span></GesturePatent>;
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe specimen that waits through the three-gesture patent route.