How to use the @react-page/plugins-slate.pluginFactories.createComponentPlugin function in @react-page/plugins-slate
To help you get started, we’ve selected a few @react-page/plugins-slate examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
react-page / react-page / examples / src / customSlatePlugin.tsx View on Github 
import { pluginFactories } from '@react-page/plugins-slate';
import React from 'react';
export default pluginFactories.createComponentPlugin<{
color: string;
}>({
addHoverButton: true,
addToolbarButton: true,
type: 'SetColor',
object: 'mark',
icon: <span>Color</span>,
Component: props => {
return (
<span style="{{">{props.children}</span>
);
},
schema: {
type: 'object',
required: ['color'],
