@canner/slate-icon-codeblock

A slate icon for creating code blocks

Usage no npm install needed!

<script type="module">
  import cannerSlateIconCodeblock from 'https://cdn.skypack.dev/@canner/slate-icon-codeblock';
</script>

README

@canner/slate-icon-codeBlock

npm version

Icon:

import CodeBlock from "@canner/slate-icon-codeBlock";

Plugin:

import { CodeBlockPlugin } from "@canner/slate-icon-codeBlock";

Also you'll need to add these two plugins to make code blocks work:

import EditPrism from "slate-prism";
import EditCode from "slate-edit-code";

plugins = [
  EditPrism({
    onlyIn: node => node.type === "code_block",
    getSyntax: node => node.data.get("syntax")
  }),
  EditCode({
    onlyIn: node => node.type === "code_block"
  })
];