Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input12 } from "@/components/beste/piece/input12";
<Input12
label="Account ID"
value="acct_7Z91X2Q"
reason="Provided by admin. Contact support to change."
/>Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.
Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.
Tight small-size text field for data tables and filter rails, with smaller type and tight padding.
Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.
Money field with a leading currency symbol, right-aligned mono amount, and a unit label.
Oversized text field with large type and a fatter caret, made for hero sections and prompt bars.