Search Modified Display

<lens-search-modified-display> displays a visual cue when the current query has been modified:

Usage

Include it like this:

<lens-search-modified-display></lens-search-modified-display>

You can customize the text using translations:

"texts": {
    "query_modified": {
        "en": "My custom text"
    }
}

Styling

Example

lens-search-modified-display::part(lens-query-modified-display-wrapper) {
    background-color: var(--light-orange);
    color: var(--dark-orange);
    font-weight: bold;
}