Regex Input

/^[a-z]+@beste\.co$/gi42
About this piece

Regex Input

Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.

Usage

The import and the props worth knowing about, in one place.

import { Input28 } from "@/components/beste/piece/input28";

<Input28
  pattern="^[a-z]+@beste\.co$"
  flags="gi"
  matches={42}
/>

More Input pieces

View all Input
typescript
12
const answer = 42;return answer * 2;

Code Input

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

How was your stay?
4.0
Tap to rate. Optional comment on the next step.

Rating Input

Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.

Ξ
0x4A81…6fA0ENS
Ethereum · Mainnet

Wallet Input

Crypto address field with a gradient Ξ avatar, shortened mono address, and an ENS lookup chip.

2026-04-23

Date Input

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

$12,480.00USD

Currency Input

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

INV-2026-00421Auto

Serial Input

ID-style mono input with a leading hash, wide letter spacing, and a muted Auto-generated pill.