Money field with a leading currency symbol, right-aligned mono amount, and a unit label.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input7 } from "@/components/beste/piece/input7";
<Input7
currency="$"
amount="12,480.00"
unit="USD"
/>Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.
Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.
Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.
ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.
Oversized text field with large type and a fatter caret, made for hero sections and prompt bars.
Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.