@forter/hotkey NPM

fc-hotkey

An element to simply add keyboard shortcuts to buttons and inputs :)

Usage

<script>
   import '@forter/hotkey';
</script>

<fc-hotkey keys="ctrl+z">
   <fc-button onclick="alert('here')"> Hotkey </fc-button>
</fc-hotkey>

Examples

<!-- focus -->
<fc-hotkey keys="ctrl+z">
   <fc-input></fc-input>
</fc-hotkey>

<!-- keypress -->
<fc-hotkey onkeypress="alert('keypress hotkey');" keys="ctrl+z">
    Hotkeys without slotted
</fc-hotkey>

Properties

Property	Attribute	Type	Description
`description`	`description`	`string`	Text of the shortcut for the hotkeys modal
`keys`	`keys`	`"ctrl+c" \\| "ctrl+shift+c" \\| "esc,space"`	key combination that will activate button click or input focus.
`parent`	`parent`	`boolean`	Indicate if parent shoulbe be clicked instead slotted