Carbon React Code Mirror is a wrapper for @uiw/react-codemirror that uses Carbon styling.
npm i carbon-react-code-mirrorimport React from "react";
import { CarbonCodeMirror } from "carbon-react-code-mirror";
const example = () => {
return <CarbonCodeMirror code={"<your code here>"} />;
};Carbon Code Mirror accepts the following optional props:
className- string - Classnames to apply to the code mirror panereadOnly- boolean - Defaults totruelight- boolean - Use light mode, defaults tofalsechildren- node - React nodes to render within the code mirror containerwrapperClassName- string - optionally set the classname for the div surrounding code mirror window