Red Hat OpenShift Container Platform

`CodeEditor`

A basic lazy loaded Code editor with hover help and completion.

Example

<React.Suspense fallback={<LoadingBox />}>
  <CodeEditor
    value={code}
    language="yaml"
  />
</React.Suspense>

Parameter Name Description

Parameter Name	Description
`value`	String representing the YAML code to render.
`language`	String representing the language of the editor.
`options`	Monaco editor options. For more details, see Interface IStandAloneEditorConstructionOptions.
`minHeight`	Minimum editor height in valid CSS height values.
`showShortcuts`	Boolean to show shortcuts on top of the editor.
`toolbarLinks`	Array of ReactNode rendered on the toolbar links section on top of the editor.
`onChange`	Callback for on code change event.
`onSave`	Callback called when the command CTRL / CMD + S is triggered.
`ref`	React reference to `{ editor?: IStandaloneCodeEditor }`. Using the `editor` property, you are able to access to all methods to control the editor. For more information, visit Interface IStandaloneCodeEditor.

value

String representing the YAML code to render.

language

String representing the language of the editor.

options

Monaco editor options. For more details, see Interface IStandAloneEditorConstructionOptions.

minHeight

Minimum editor height in valid CSS height values.

showShortcuts

Boolean to show shortcuts on top of the editor.

toolbarLinks

Array of ReactNode rendered on the toolbar links section on top of the editor.

onChange

Callback for on code change event.

onSave

Callback called when the command CTRL / CMD + S is triggered.

ref

React reference to { editor?: IStandaloneCodeEditor }. Using the editor property, you are able to access to all methods to control the editor. For more information, visit Interface IStandaloneCodeEditor.