Number Stepper

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

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

Import & use

import { Input6 } from "@/components/beste/piece/input6";

<Input6
  value={4}
  min={0}
  max={12}
/>

More Input pieces

Cabin upgrade$38 each

input23

Line-item card with a label-price stack and a pill stepper that enforces min zero and a max cap.

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

input10

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

Reporting window

Apr 01

Apr 30

30 days

input17

Joined from-arrow-to range input with a muted duration chip capping the right side of the control.

09:30

AMPM

input16

Time control with hour and minute tiles separated by a colon, plus a small AM or PM segmented toggle.

typescript

const answer = 42;return answer * 2;

input25

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

input2

Row of square digit cells with a blinking cursor in the next empty slot.