Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.
The import and the props worth knowing about, in one place.
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.
Masked characters type into the field while a four-segment meter climbs from rose through amber to emerald and each rule in the checklist ticks green, then it clears and starts over.
Color field pairing a filled swatch with the chosen name and hex code and an eyedropper button.
Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.