Red Hat OpenShift Container Platform

Deprecated: Use CodeEditor instead. A basic lazy loaded YAML editor with hover help and completion.

Example

<React.Suspense fallback={<LoadingBox />}>
  <YAMLEditor
    value={code}
  />
</React.Suspense>

Parameter Name Description

Parameter Name	Description
`value`	String representing the YAML code to render.
`options`	Monaco editor options.
`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.

value

String representing the YAML code to render.

options

Monaco editor options.

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.