Shortcut Recorder

Keyboard shortcut field that renders the captured keys as keycap pills with a blinking REC indicator while recording.

Keyboard shortcut

⌘ShiftK

REC

Press any combination

Import & use

import { Input8 } from "@/components/beste/piece/input8";

<Input8
  keys={[
    "⌘",
    "Shift",
    "K"
  ]}
  label="Keyboard shortcut"
  hint="Press any combination"
  recording={true}
  tone="primary"
/>

More Input pieces

View all Input

Remind me to buy coffee beans on my way home

Dictation Input

Pill dictation input with a blinking caret, live waveform bars, and a rose mic button while listening.

OTP Digit Boxes

Row of square digit cells with a blinking cursor in the next empty slot.

Recipient wallet

0x4A81…6fA0ENS

Ethereum · Mainnet

Wallet Input

Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.

Beste Sözen

Text Field

Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.

Account ID

acct_7Z91X2Q

Provided by admin. Contact support to change.

Readonly Input

Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.

typescript

const answer = 42;return answer * 2;

Code Input

Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.