Regex Input

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

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

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

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

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