Toggle Row

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

Email notificationsGet updates when teammates comment

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

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

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

Monthly budget$420

$0$1000

Budget Slider

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

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

Password Dots

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

Number Stepper

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

design tokens

Search Pill

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