Color field pairing a filled swatch with the chosen name and hex code and an eyedropper button.
The import and the props worth knowing about, in one place.
import { Input20 } from "@/components/beste/piece/input20";
<Input20
label="Accent color"
hex="#6D5EFA"
name="Mira violet"
/>Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.
Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.
Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.
Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.