Wallet Input

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

Recipient wallet

0x4A81…6fA0ENS

Ethereum · Mainnet

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Input30 } from "@/components/beste/piece/input30";

<Input30
  label="Recipient wallet"
  address="0x4A81b3cB5Fa11Ce2B492D8d7cF82C9Dd8B0E6fA0"
  chain="Ethereum · Mainnet"
/>

More Input pieces

View all Input

$12,480.00USD

Currency Input

input7

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

typescript

const answer = 42;return answer * 2;

Code Input

input25

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

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

Regex Input

input28

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

Invoice number

INV-2026-00421Auto

Serial Input

input29

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

Account ID

acct_7Z91X2Q

Provided by admin. Contact support to change.

Readonly Input

input12

Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.

How was your stay?

4.0

Tap to rate. Optional comment on the next step.

Rating Input

input22

Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.