---
label: CodeMirror
---

## Code Viewer and Editor

<ComponentMeta name="NCodemirror" />

### Installation

```js
import Vue from 'vue';
import NCodemirror from '@arckinteractive/noah-ui/src/extensions/NCodemirror';

Vue.use(NCodemirror);
```

### Usage

<ComponentDemo name="CodeEditor" />