diff --git a/src/stories/editor/_types.tsx b/src/stories/editor/_types.tsx index 69627e3..81f9a8c 100644 --- a/src/stories/editor/_types.tsx +++ b/src/stories/editor/_types.tsx @@ -9,11 +9,14 @@ export interface EditorArgs extends Partial { hasInlineMenu?: boolean; bubbleOptions?: any; headerTitle?: string; + className?: string; footerSaveText?: string; /** Applies validation state styling */ validation?: validationStatus; onSave?: (editor: Editor) => void; disableSaveShortcut?: boolean; + disableHeader?: boolean; + contentType?: "markdown"; } export interface EditorHeaderArgs { diff --git a/src/stories/editor/index.stories.tsx b/src/stories/editor/index.stories.tsx index f1f8d40..fdae811 100644 --- a/src/stories/editor/index.stories.tsx +++ b/src/stories/editor/index.stories.tsx @@ -32,6 +32,9 @@ Markdown.args = { ...defaultArgs, children: "# Hello i'm a markdown title", contentType: "markdown", + disableHeader: true, + className: "markdown-editor", + disableSaveShortcut: true, }; export const Placeholder = Template.bind({}); diff --git a/src/stories/editor/index.tsx b/src/stories/editor/index.tsx index a59693d..667788d 100644 --- a/src/stories/editor/index.tsx +++ b/src/stories/editor/index.tsx @@ -72,6 +72,8 @@ const Editor = ({ footerSaveText, placeholderOptions, extensions, + disableHeader, + className, ...props }: PropsWithChildren) => { const { @@ -135,10 +137,16 @@ const Editor = ({ ed.on("update", ({ editor }) => setActiveEditor(editor as TipTapEditor)); return ( - + {isEditable && ( <> - + {!disableHeader && ( + + )} {hasInlineMenu && } )}