@ndla/code

ndla-code

Editor and preview for ndla code block.

Installation

$ yarn add ndla-code

Usage

codeblock:

import { Codeblock } from '@ndla/code';

<Codeblock code={code} format={format} title={title} />;

editor:

import { CodeBlockEditor } from '@ndla/code';

model = {{
  code: "string",
  title: "Text",
  format: "text",
}}

<CodeBlockEditor
  content={model}
  onSave={handleSaveFunction}
  onAbort={handleExitFunction}
/>