Typix
Loading preview…
import {  createEditorConfig,  defaultExtensionNodes,  defaultTheme,  EditorContent,  EditorRoot,} from "@typix-editor/react";import { MaxLengthExtension } from "@typix-editor/extension-max-length";import { CharacterLimitExtension } from "@typix-editor/extension-character-limit";import { Toolbar } from "./Toolbar";const MAX = 280;const config = createEditorConfig({  extensionNodes: defaultExtensionNodes,  theme: defaultTheme,});export default function MaxLengthExample() {  return (    <EditorRoot config={config}>      <div className="editor-container">        <Toolbar />        <EditorContent placeholder="Start typing (max 280 characters)..." />      </div>      {/* CharacterLimitExtension highlights overflow text and renders an inline counter */}      <CharacterLimitExtension maxLength={MAX} charset="UTF-16" />      <MaxLengthExtension maxLength={MAX} />    </EditorRoot>  );}