@instructure/ui-source-code-editor

category: packages

ui-source-code-editor

   

A code editor component.

Components

The ui-source-code-editor package contains the following:

• SourceCodeEditor

Installation

yarn add @instructure/ui-source-code-editor

Usage

import React from 'react'
import { SourceCodeEditor } from '@instructure/ui-source-code-editor'

const MyCodeEditor = () => {
  return (
    <SourceCodeEditor
      label="code editor"
      defaultValue='{"foo": "bar"}'
      language="javascript"
      readOnly
    />
  )
}