@grammarly/editor-sdk-react

Overview

See the Text Editor SDK for React guide for installation options.

The SDK for React is a thin wrapper around the Text Editor SDK that keeps the same basic API but provides it as a component: GrammarlyEditorPlugin. This component accepts an optional config prop to configure the SDK according to your app's needs:

<GrammarlyEditorPlugin clientId="YOUR_CLIENT_ID" config={{ document: { dialect: "british" } }}>
  <textarea></textarea>
</GrammarlyEditorPlugin>

To use Grammarly throughout your app, use the Grammarly context provider and give it the same props.

Refer to EditorConfig for full configuration details.

Theming

CSS variables that allow you to theme your app are detailed in Customization.

Reference

Last Updated: 10/14/2021, 7:00:57 PM