Skip to content

IBM/carbon-react-code-mirror

Repository files navigation

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 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

About

a code mirror window that has carbon styles

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published