Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input22 } from "@/components/beste/piece/input22";
<Input22
label="How was your stay?"
rating={4}
hint="Tap to rate. Optional comment on the next step."
/>Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.
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.
Oversized text field with large type and a fatter caret, made for hero sections and prompt bars.
Color field pairing a filled swatch with the chosen name and hex code and an eyedropper button.
File picker with a muted Choose file button on the left and the selected filename and size on the right.