Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input25 } from "@/components/beste/piece/input25";
<Input25
code="const answer = 42;
return answer * 2;"
language="typescript"
/>ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.
Color field pairing a filled swatch with the chosen name and hex code and an eyedropper button.
Money field with a leading currency symbol, right-aligned mono amount, and a unit label.
Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.
Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.
Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.