Skip to content

CodeEditor - Add a comprehensive configuration UI #11878

@logonoff

Description

@logonoff

Is this a new component or an extension of an existing one?

CodeEditor

Describe the feature

From time to time, OCP console gets feature requests for its YAML editor to enable toggling of certain monaco features, like editor sticky scroll or tooltips: see CONSOLE-4499 and CONSOLE-3633.

It would be nice if there was a PatternFly-provided configuration UI that allows changing these settings, and perhaps a UX recommendation for which monaco settings should be toggleable. Perhaps the implementation of this configuration UI could live in a component group?

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths

A quick prototype:

Screencast.From.2025-06-18.16-01-27.mp4

(source: https://pastebin.com/7DGe9Cba)

VS Code also has a similar UI for controlling editor settings:

Image

Any other information?

Feature request is low priority and not blocking

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

Status

PR Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions