Find & Replace

onboarding3/12
activation
About this piece

Find & Replace

Two-row editor find bar with match counter, prev/next, replace, and replace-all.

Usage

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

import { Editor11 } from "@/components/beste/piece/editor11";

<Editor11
  query="onboarding"
  replace="activation"
  current={3}
  total={12}
  bordered={false}
/>

More Editor pieces

View all Editor
1function render(items) {
2  items.forEach(draw);
3}
/\b\w+@\w+\.com\b/gi
12
button.tsx
export function Button({ label }) {
  return <button>{label}</button>;
  return <button className="btn">{label}</button>;
}
--primary:  #f43f5e;
--accent:  #8b5cf6;
--surface:  #0ea5e9;
src
components
beste
button.tsx
index.tsx
button.tsx
card.tsx