Skip to main content

Balloon Toolbar

Installation#

npm install @udecode/plate
# or
npm install @udecode/plate-ui-toolbar

Usage#

import React from 'react';
import { Plate } from '@udecode/plate';
import { balloonToolbarValue } from './balloon-toolbar/balloonToolbarValue';
import { MarkBalloonToolbar } from './balloon-toolbar/MarkBalloonToolbar';
import { basicNodesPlugins } from './basic-nodes/basicNodesPlugins';
import { editableProps } from './common/editableProps';
import { MyValue } from './typescript/plateTypes';

export default () => (
  <Plate<MyValue>
    editableProps={editableProps}
    plugins={basicNodesPlugins}
    initialValue={balloonToolbarValue}
  >
    <MarkBalloonToolbar />
  </Plate>
);

Source Code#