Keyboard shortcut field that renders the captured keys as keycap pills with a blinking REC indicator while recording.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input8 } from "@/components/beste/piece/input8";
<Input8
keys={[
"⌘",
"Shift",
"K"
]}
label="Keyboard shortcut"
hint="Press any combination"
recording={true}
tone="primary"
/>Pill dictation input with a blinking caret, live waveform bars, and a rose mic button while listening.
Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.
Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.
Row of square digit cells with a blinking cursor in the next empty slot.
Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.
Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.