<dy-shortcut-record>
A component for recording keyboard shortcuts. It captures key combinations and displays them in a user-friendly format, with support for modifier keys (Ctrl, Alt, Shift, Meta) and regular keys.
Example
Loading...
<dy-shortcut-record
.placeholder=${"Focus on him"}
.tooltip=${"Press key"}
.clearable=${true}
@clear=${(evt) => evt.target.value = null}
@change=${(evt) => evt.target.value = evt.detail}></dy-shortcut-record>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
placeholder(placeholder) |
Yes | string |
tooltip(tooltip) |
Yes | string |
disabled(disabled) |
Yes | boolean |
clearable(clearable) |
Yes | boolean |
change |
Emitter<string[]> |
|
clear |
Emitter |
|
value |
Yes | string[] |
Other
| Type | Value |
|---|---|
| Event | change, clear |
| Part | kbd |