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..

    OverviewProperties

    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