basic-marks-base-kit

PreviousNext
Docs
platecomponent

Preview

Loading preview…
registry/components/editor/plugins/basic-marks-base-kit.tsx
import {
  BaseBoldPlugin,
  BaseCodePlugin,
  BaseHighlightPlugin,
  BaseItalicPlugin,
  BaseKbdPlugin,
  BaseStrikethroughPlugin,
  BaseSubscriptPlugin,
  BaseSuperscriptPlugin,
  BaseUnderlinePlugin,
} from '@platejs/basic-nodes';

import { CodeLeafStatic } from '@/registry/ui/code-node-static';
import { HighlightLeafStatic } from '@/registry/ui/highlight-node-static';
import { KbdLeafStatic } from '@/registry/ui/kbd-node-static';

export const BaseBasicMarksKit = [
  BaseBoldPlugin,
  BaseItalicPlugin,
  BaseUnderlinePlugin,
  BaseCodePlugin.withComponent(CodeLeafStatic),
  BaseStrikethroughPlugin,
  BaseSubscriptPlugin,
  BaseSuperscriptPlugin,
  BaseHighlightPlugin.withComponent(HighlightLeafStatic),
  BaseKbdPlugin.withComponent(KbdLeafStatic),
];

Installation

npx shadcn@latest add @plate/basic-marks-base-kit

Usage

import { BasicMarksBaseKit } from "@/components/basic-marks-base-kit"
<BasicMarksBaseKit />