https://github.com/ui-schema/react-codemirror

React CodeMirror v6 Component - and UI-Schema widget for MUI.
https://github.com/ui-schema/react-codemirror

codemirror codemirror6 material-ui mui react reactjs ui-schema

Last synced: 11 months ago
JSON representation

React CodeMirror v6 Component - and UI-Schema widget for MUI.

• Host: GitHub
• URL: https://github.com/ui-schema/react-codemirror
• Owner: ui-schema
• License: mit
• Created: 2022-06-24T22:45:37.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-11-01T17:12:54.000Z (over 1 year ago)
• Last Synced: 2024-11-17T01:00:19.024Z (over 1 year ago)
• Topics: codemirror, codemirror6, material-ui, mui, react, reactjs, ui-schema
• Language: TypeScript
• Homepage:
• Size: 1.13 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          


  



UI Schema: Kit Code


CodeMirror v6 integration for React, with MUI widgets for [UI-Schema](https://github.com/ui-schema/ui-schema).

[![Github actions Build](https://github.com/ui-schema/react-codemirror/actions/workflows/blank.yml/badge.svg)](https://github.com/ui-schema/react-codemirror/actions)

[![react compatibility](https://img.shields.io/badge/React-%3E%3D17-success?style=flat-square&logo=react)](https://reactjs.org/)

[![MIT license](https://img.shields.io/npm/l/@ui-schema/ui-schema?style=flat-square)](https://github.com/ui-schema/ui-schema/blob/master/LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

![Typed](https://flat.badgen.net/badge/icon/Typed?icon=typescript&label&labelColor=blue&color=555555)

- [CodeMirror](https://codemirror.net/) v6 as plain React integration: `@ui-schema/kit-codemirror` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/kit-codemirror?style=flat-square)](https://www.npmjs.com/package/@ui-schema/kit-codemirror) [![Component Documentation](https://img.shields.io/badge/Docs-green?labelColor=0a6e8a&color=61dafb&logoColor=ffffff&style=flat-square&logo=react)](./docs/kit-codemirror/kit-codemirror.md)

- UI-Schema Widgets for [MUI](https://mui.com): `@ui-schema/material-code` [![npm (scoped)](https://img.shields.io/npm/v/@ui-schema/material-code?style=flat-square)](https://www.npmjs.com/package/@ui-schema/material-code) [![Component Documentation](https://img.shields.io/badge/Docs-green?labelColor=1a237e&color=0d47a1&logoColor=ffffff&style=flat-square&logo=mui)](./docs/material-code/material-code.md)

## Demo

### Demo Kit-CodeMirror

Example with CodeMirror + MUI styling - but no further `@ui-schema/` packages.

*[Demo Source](https://github.com/ui-schema/demo-mui-kit-codemirror)*

[![Run on CodeSandbox](https://img.shields.io/badge/run%20on%20CodeSandbox-blue?labelColor=fff&logoColor=505050&style=for-the-badge&logo=codesandbox)](https://codesandbox.io/s/github/ui-schema/demo-mui-kit-codemirror/tree/main/?autoresize=1&fontsize=12&hidenavigation=1&module=%2Fsrc%2FDemoEditor.tsx)

[![Run on StackBlitz](https://img.shields.io/badge/run%20on%20StackBlitz-blue?labelColor=fff&logoColor=505050&style=for-the-badge&logo=stackblitz)](https://stackblitz.com/github/ui-schema/demo-mui-kit-codemirror?file=src%2FDemoEditor.tsx,src%2FCustomCodeMirror.tsx)

## Versions

This project adheres to [semver](https://semver.org/), until `1.0.0` and beginning with `0.1.0`: all `0.x.0` releases are like MAJOR releases and all `0.0.x` like MINOR or PATCH, modules below `0.1.0` should be considered experimental.

**Get the latest version - or [help build it](CONTRIBUTING.md):**

- [latest releases](https://github.com/ui-schema/react-codemirror/releases) (GitHub release notes)

- *UI-Schema project:*

    - [update and migration notes](https://ui-schema.bemit.codes/updates) (docs page)

    - [current roadmap](https://github.com/ui-schema/ui-schema/discussions/184) (GitHub discussion)

    - [core repository](https://github.com/ui-schema/ui-schema)

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md).

## License

This project is free software distributed under the **[MIT LICENSE](LICENSE)**.

© 2025 bemit UG (haftungsbeschränkt)