Textarea

Multi-line input with a shift-enter hint row and a visible corner grip for resize.

Thanks for the thorough write-up. Two things came to mind while reading — first, the retry logic feels brittle around rate limits;

Shift + ↵ for new line

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

Import & use

import { Input10 } from "@/components/beste/piece/input10";

<Input10
  value="Thanks for the thorough write-up. Two things came to mind while reading — first, the retry logic feels brittle around rate limits;"
  placeholder="Leave feedback…"
/>

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.

Number Stepper

input6

Compact number control with minus and plus buttons flanking a centered mono value.

Email notificationsGet updates when teammates comment

Toggle Row

input3

Row with a bold label, secondary description, and a switch that slides on or off.

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

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.

small, compact, dense

Dense Input

input13

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