4
4
5
5
<!-- rehype:ignore:end-->
6
6
7
- [ ![ npm version] ( https://img.shields.io/npm/v/@uiw/codemirror-extensions-mentions .svg )] ( https://www.npmjs.com/package/@uiw/codemirror-extensions-mentions )
7
+ [ ![ npm version] ( https://img.shields.io/npm/v/@uiw/codemirror-extensions-zebra-stripes .svg )] ( https://www.npmjs.com/package/@uiw/codemirror-extensions-zebra-stripes )
8
8
9
9
Styles alternating lines for CodeMirror6.
10
10
11
- [ ![ Zebra Stripes Extensions] ( https://user-images.githubusercontent.com/1680273/205496628-e7e6f83f-18e9-4bff-8bc8-71a913c60687.png )] ( https://uiwjs.github.io/react-codemirror/#/extensions/mentions )
11
+ [ ![ Zebra Stripes Extensions] ( https://user-images.githubusercontent.com/1680273/205496628-e7e6f83f-18e9-4bff-8bc8-71a913c60687.png )] ( https://uiwjs.github.io/react-codemirror/#/extensions/zebra-stripes )
12
12
13
13
## Install
14
14
15
15
``` bash
16
- npm install @uiw/codemirror-zebra-stripes --save
16
+ npm install @uiw/codemirror-extensions- zebra-stripes --save
17
17
```
18
18
19
19
## Usage
20
20
21
21
``` jsx
22
22
import CodeMirror from ' @uiw/react-codemirror' ;
23
- import { zebraStripes } from ' @uiw/codemirror-zebra-stripes' ;
23
+ import { zebraStripes } from ' @uiw/codemirror-extensions- zebra-stripes' ;
24
24
25
25
function App () {
26
26
return < CodeMirror value= " " height= " 200px" extensions= {[zebraStripes ({ step: 2 })]} / > ;
@@ -30,7 +30,7 @@ export default App;
30
30
31
31
``` jsx
32
32
import CodeMirror from ' @uiw/react-codemirror' ;
33
- import { zebraStripes } from ' @uiw/codemirror-zebra-stripes' ;
33
+ import { zebraStripes } from ' @uiw/codemirror-extensions- zebra-stripes' ;
34
34
35
35
function App () {
36
36
return (
@@ -53,7 +53,7 @@ export default App;
53
53
``` js
54
54
import { EditorView } from ' @codemirror/view' ;
55
55
import { EditorState } from ' @codemirror/state' ;
56
- import { zebraStripes } from ' @uiw/codemirror-zebra-stripes' ;
56
+ import { zebraStripes } from ' @uiw/codemirror-extensions- zebra-stripes' ;
57
57
58
58
const state = EditorState .create ({
59
59
doc: ' my source code' ,
0 commit comments