Currency Input

Money field with a leading currency symbol, right-aligned mono amount, and a unit label.

$12,480.00USD

Import & use

import { Input7 } from "@/components/beste/piece/input7";

<Input7
  currency="$"
  amount="12,480.00"
  unit="USD"
/>

More Input pieces

Recipient wallet

0x4A81…6fA0ENS

Ethereum · Mainnet

Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.

Start date

2026-04-23▼

Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.

typescript

const answer = 42;return answer * 2;

Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.

Invoice number

INV-2026-00421Auto

ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.

Ready when you are

Oversized text field with large type and a fatter caret, made for hero sections and prompt bars.

/^[a-z]+@beste\.co$/gi42

Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.