Pill-shaped search input with a leading magnifier and an inline pill-shaped clear when there is a value.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Input9 } from "@/components/beste/piece/input9";
<Input9
value="design tokens"
placeholder="Search files…"
/>Pill dictation input with a blinking caret, live waveform bars, and a rose mic button while listening.
ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.
Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.
Color field pairing a filled swatch with the chosen name and hex code and an eyedropper button.
Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.
Tight small-size text field for data tables and filter rails, with smaller type and tight padding.