@builder.io/shiki-monaco-editor
v1.0.2
Published
A Monaco editor with Shiki syntax highlighting
Downloads
70
Readme
@builder.io/shiki-editor
A Monaco editor component with Shiki syntax highlighting for React applications.
Installation
npm install @builder.io/shiki-editor
or
yarn add @builder.io/shiki-editor
Usage
import React from 'react';
import { ShikiMonacoEditor } from '@builder.io/shiki-editor';
const MyComponent = () => {
return (
<ShikiMonacoEditor
width="800"
height="600"
language="javascript"
theme="vs-dark"
value="console.log('Hello, world!');"
onChange={(newValue, event) => {
console.log('Editor content changed:', newValue);
}}
/>
);
};
export default MyComponent;
Props
(Add a list of available props and their descriptions here)
Contributing
(Add instructions for contributing to the project)
License
MIT