SemanticQuery

This component renders a semantic query. A semantic query is a recommended query that is similar in its meaning to another one. It contains the query and the distance, which indicates how similar the query is compared to the searched query.

Props

Name	Description	Type	Default
suggestion	The @empathyco/x-types#SemanticQuery to render.	SemanticQueryModel

Slots

Name	Description	Bindings (name - type - description)
default	Semantic Query content	v-bind {suggestion: object - Suggestion data, query: string - The query that the suggestion belongs to} - BaseSuggestion bindings

Events

A list of events that the component will emit:

• UserSelectedASemanticQuery (opens new window): the event is emitted after the user clicks the semantic query button. The event payload is the semantic query data.

See it in action

Here you can see that the semantic query query is rendered.

Play with the default slot

In this example, we add the distance of the semantic query next to the query.