CodeEditor.md

id	Code editor
section	components
cssPrefix	pf-c-code-editor
propComponents	CodeEditor CodeEditorControl Popover

Note: Code editor lives in its own package at @patternfly/react-code-editor and has required peer deps.

import { CodeEditor, CodeEditorControl, Language } from '@patternfly/react-code-editor'; import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon';

Examples

Basic

With sizeToFit height, height will grow/shrink with content

With shortcut menu and main header content

These examples below are the shortcuts that we recommend describing in the popover since they are monaco features.

With actions

With custom control