carbon-react-code-mirror
v0.2.3
Published
Carbon React Code Mirror is a wrapper for [@uiw/react-codemirror](https://www.npmjs.com/package/@uiw/react-codemirror) that uses Carbon styling.
Downloads
29
Readme
carbon-react-code-mirror
Carbon React Code Mirror is a wrapper for @uiw/react-codemirror that uses Carbon styling.
Install
npm i carbon-react-code-mirror
Usage
import React from "react";
import { CarbonCodeMirror } from "carbon-react-code-mirror";
const example = () => {
return <CarbonCodeMirror code={"<your code here>"} />;
};
Optional Props
Carbon Code Mirror accepts the following optional props:
className
- string - Classnames to apply to the code mirror panereadOnly
- boolean - Defaults totrue
light
- boolean - Use light mode, defaults tofalse
children
- node - React nodes to render within the code mirror containerwrapperClassName
- string - optionally set the classname for the div surrounding code mirror window