Spell Check

Sentence with a rose wavy underline on a misspelling and a suggestions dropdown below.

The implmentation ships on Friday.
  • implementation
  • implements
  • implemented

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

Import & use
import { Editor39 } from "@/components/beste/piece/editor39";

<Editor39
  prefix="The "
  typo="implmentation"
  suffix=" ships on Friday."
  suggestions={[
    {
      "label": "implementation",
      "active": true
    },
    {
      "label": "implements"
    },
    {
      "label": "implemented"
    }
  ]}
/>