RemoveHistoryQuery
RemoveHistoryQuery
Button that when it is pressed emits the
UserPressedRemoveHistoryQuery
event, expressing the user
intention to remove a query in the history.
Props
Name | Description | Type | Default |
---|---|---|---|
historyQuery | The historyQuery that will be removed when clicking the clear button. | HistoryQuery |
|
Slots
Name | Description | Bindings (name - type - description) |
---|---|---|
default | (Required) Button content with a text, an icon or both | None |
Examples
Basic Example
You can customize the content that this component renders. To do so, simply use the default slot.
<RemoveHistoryQuery :historyQuery="historyQuery">
<img class="x-history-query__icon" src="./my-awesome-clear-icon.svg"/>
</RemoveHistoryQuery>
Events
A list of events that the component will emit:
UserPressedRemoveHistoryQuery
: the event is emitted after the user clicks the button. The event payload is the history query data.
Did you find this topic helpful?