remirror/remirror

import '../example.css';

import BrowserOnly from '@docusaurus/BrowserOnly';
import React from 'react';
import { SocialEditor } from '@remirror/react-editors/social';

const ALL_USERS = [
  { id: 'joe', label: 'Joe' },
  { id: 'sue', label: 'Sue' },
  { id: 'pat', label: 'Pat' },
  { id: 'tom', label: 'Tom' },
  { id: 'jim', label: 'Jim' },
];

const TAGS = ['editor', 'remirror', 'opensource', 'prosemirror'];

const Editor = () => (
  <BrowserOnly fallback={<div>Loading...</div>}>
    {() => (
      <SocialEditor placeholder='Mention @joe or add #remirror' users={ALL_USERS} tags={TAGS} />
    )}
  </BrowserOnly>
);

export default Editor;