carbon-react-code-mirror

Carbon React Code Mirror is a wrapper for @uiw/react-codemirror that uses Carbon styling.

Install

1npm i carbon-react-code-mirror

Usage

1import React from "react";
2import { CarbonCodeMirror } from "carbon-react-code-mirror";
3
4const example = () => {
5  return <CarbonCodeMirror code={"<your code here>"} />;
6};

Optional Props

Carbon Code Mirror accepts the following optional props:

• className - string - Classnames to apply to the code mirror pane
• readOnly - boolean - Defaults to true
• light - boolean - Use light mode, defaults to false
• children - node - React nodes to render within the code mirror container
• wrapperClassName - string - optionally set the classname for the div surrounding code mirror window