File picker with a muted Choose file button on the left and the selected filename and size on the right.
The import and the props worth knowing about, in one place.
import { Input18 } from "@/components/beste/piece/input18";
<Input18
label="Attach ID document"
filename="passport-scan.pdf"
size="842 KB"
/>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.
Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.
Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.