Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.
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}
bordered={false}
/>