Tabs

npm install @yoopta/tabs

import { useMemo } from 'react';
import YooptaEditor, { createYooptaEditor } from '@yoopta/editor';
import Tabs from '@yoopta/tabs';

const plugins = [Tabs];

export default function Editor() {
  const editor = useMemo(() => createYooptaEditor({ plugins, marks: [] }), []);
  return <YooptaEditor editor={editor} onChange={() => {}} />;
}

import Tabs from '@yoopta/tabs';

const plugins = [Tabs];

import Tabs, { TabsCommands } from '@yoopta/tabs';

TabsCommands.insertTabs(editor, {
  props: { theme: 'success' },
  at: 0,
  focus: true,
});

import { TabsCommands } from '@yoopta/tabs';

TabsCommands.deleteTabs(editor, blockId);

import { TabsCommands } from '@yoopta/tabs';

const tabsElement = TabsCommands.buildTabsElements(editor, {
  props: { theme: 'info' },
});

import { Blocks } from '@yoopta/editor';

// Update theme
Blocks.updateBlock(editor, { blockId, meta: { ... } });

// Delete
Blocks.deleteBlock(editor, { blockId });

import { Elements } from '@yoopta/editor';

// Update tab theme
Elements.updateElement(editor, {
  blockId,
  type: 'tabs',
  props: { theme: 'warning' },
});