To help you get started, we've collected the most common ways that remirror is being used within popular public projects.

ifiokjr / remirror / docs / src / gatsby-plugin-theme-ui / components.tsx View on Github

href={`#${props.id}`}
          sx={{
            color: 'inherit',
            textDecoration: 'none',
            ':hover': {
              textDecoration: 'underline',
            },
          }}
        >
          {props.children}
        
      
    ) : (
      
    );
  Component.displayName = isString(Tag) ? capitalize(Tag) : 'Heading';

  return Component;
};

View more ways to use remirror

remirror

> One package to rule them all, one entry point to bind them.

Installation

# yarn
yarn add remirror @remirror/pm

# pnpm
pnpm add remirror @remirror/pm

# npm
npm install remirror @remirror/pm

The remirror package will automatically install the @remirror/pm package for you. You only need to install it yourself if you'd like to ensure consistent versions of the prosemirror-* libraries when importing from @remirror/pm/state instead of prosemirror-state or @remirror/pm/model instead of prosemirror-model.

Usage

Rather than installing multiple scoped packages, the remirror package is a gateway to using all the goodness that remirror provides while minimising your bundle size.

The following creates a controlled editor with React.

import React from 'react';
import { SocialPreset } from 'remirror/extensions';
import { Remirror, SocialEmojiComponent, useRemirror } from '@remirror/react';

const EditorWrapper = () => {
  const socialPreset = new SocialPreset();
  const { state, onChange } = useRemirror({ extensions: () => [...socialPreset()] });

  return (
    
      
    
  );
};

These are the entry points available through the remirror package.

• remirror - All the core functionality available through @remirror/core.
• remirror/extensions - All the core extensions and presets made available through the main remirror repository. This doesn't include any framework specific extensions and presets.
• remirror/dom - The dom framework implementation of via createDomEditor.