Component

ChordContract

Focus the surface and press Control, Alt, Shift and Enter in that order. Each correct key marks a real station, an unexpected key voids the draft, and the completed sequence changes the document to a signed state.

Possible use

It could make a reviewer sign a handoff note with a memorized keyboard ritual, or let a presenter unlock an agenda label after demonstrating four keys. Both uses confuse gesture ceremony with authentication or approval.

Reasonable alternative

A reasonable local alternative is one accessible button or a real authentication boundary when security matters. A fixed key sequence is neither a reliable secret nor a useful confirmation.

01 / Preview

Try it yourself.

02 / Usage

Put it somewhere.

example.tsxTSX

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

export function ContractedNotice() {
  return <ChordContract><span>Approved for one more meeting</span></ChordContract>;
}

03 / API

Small surface area.

PropTypeDescription

childrenReactNodeThe content released after the keyboard sequence is completed.