Email Subscribe

Inline email field with a mail icon and a primary submit button docked on the right.

you@company.com

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

Import & use
import { Input1 } from "@/components/beste/piece/input1";

<Input1
  placeholder="you@company.com"
  cta="Subscribe"
/>

More Input pieces

View all Input
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.

2026-04-23▼

Date Input

input15

Date field with a leading calendar icon, mono ISO value, and a chevron hinting at a popover.

$12,480.00USD

Currency Input

input7

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

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.

Can we ping @mira about the #launch-prep agenda?

Mentions & Tags

input27

Message input that highlights @-mentions in sky and #channel tags in violet amid plain body text.

Mira violet#6D5EFA

Color Input

input20

Color field pairing a filled swatch with the chosen name and hex code and an eyedropper button.