Skip to main content

DQLEditor

The DQLEditor is specifically designed for editing DQL queries. It further offers syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language. Once the editor is focused via the keyboard, the user must press "Enter" to start editing and "Escape" to quit editing and return to the keyboard navigation flow..

Import

import { DQLEditor } from '@dynatrace/strato-components-preview/editors';

Use cases

CodeSandbox

Disable editing

To disable editing of the content, use the readOnly property.

CodeSandbox

Enable linewrap

To enable linewrap as soon as the content overflows, use the linewrap property.

CodeSandbox

Expand editor to full height

To expand the DQLEditor to the full available height of its parent, use the fullHeight property. If you want the DQLEditor to respect the min-height and max-height of the parent, use a flex container.

CodeSandbox
Still have questions?
Find answers in the Dynatrace Community