Skip to main content

Divider Plugin

Divider plugin allows the user to add different types of divider lines.

Add a divider line!

Usage#

/* Editor */
import { RicosEditor } from 'ricos-editor';
import { pluginDivider } from 'wix-rich-content-plugin-divider';
<RicosEditor plugins={[pluginDivider()]} />;
/* Viewer */
import { RicosViewer } from 'ricos-viewer';
import { pluginDivider } from 'wix-rich-content-plugin-divider/viewer';
<RicosViewer plugins={[pluginDivider()]} />;

Divider Config API#

type#

controls Divider type

{
type: 'single' | 'double' | 'dashed' | 'dotted',
}

Default value:

{
type: 'single',
}

size#

controls Divider size

{
size: 'small' | 'medium' | 'large',
}

Default value:

{
size: 'large',
}

alignment#

controls Divider alignment

{
alignment: 'left' | 'center' | 'right',
}

Default value:

{
alignment: 'center',
}