Toggle Row

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

Email notificationsGet updates when teammates comment

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

Import & use
import { Input3 } from "@/components/beste/piece/input3";

<Input3
  label="Email notifications"
  description="Get updates when teammates comment"
  enabled={true}
/>

More Input pieces

View all Input
Volume68%

Range Slider

input4

Label and readout above a filled track with a circular handle positioned by the current value.

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

Textarea

input10

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

$420
$0$1000

Budget Slider

input19

Slider with a primary-tinted track, current value badge on the right, and min/max labels on the rail.

4

Number Stepper

input6

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

••••••••••••••••

Password Dots

input11

Masked password row rendered as spaced mono bullets paired with an eye reveal button.

design tokens

Search Pill

input9

Pill-shaped search input with a leading magnifier and an inline pill-shaped clear when there is a value.