Dense Input

Tight small-size text field for data tables and filter rails, with smaller type and tight padding.

small, compact, dense

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

Import & use
import { Input13 } from "@/components/beste/piece/input13";

<Input13
  value="small, compact, dense"
  placeholder="Dense field"
/>

More Input pieces

View all Input
Ready when you are

Hero Input

input14

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

Beste Sözen

Text Field

input5

Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.

typescript
12
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.

$12,480.00USD

Currency Input

input7

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

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.

Ξ
0x4A81…6fA0ENS
Ethereum · Mainnet

Wallet Input

input30

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