Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input28 } from "@/components/beste/piece/input28";
<Input28
pattern="^[a-z]+@beste\.co$"
flags="gi"
matches={42}
/>Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.
Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.
Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.
Pill-shaped search input with a leading magnifier and an inline pill-shaped clear when there is a value.
Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.
Color field pairing a filled swatch with the chosen name and hex code and an eyedropper button.