Regex Input

/\b\w+@\w+\.com\b/gi
12
About this piece

Regex Input

Regex input with slashes, violet flags, and a tabular match-count pill on the right.

Usage

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

import { Editor21 } from "@/components/beste/piece/editor21";

<Editor21
  pattern="\b\w+@\w+\.com\b"
  flags="gi"
  matches={12}
  bordered={false}
/>

More Editor pieces

View all Editor
onboarding3/12
activation
button.tsx
export function Button({ label }) {
  return <button>{label}</button>;
  return <button className="btn">{label}</button>;
}
1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}
The implmentation ships on Friday.
  • implementation
  • implements
  • implemented
const greet = (name: string) => `Hello, ${name}!`;
--primary:  #f43f5e;
--accent:  #8b5cf6;
--surface:  #0ea5e9;