uui-input
Installation
ES imports
npm i @umbraco-ui/uui-keyboard-shortcut
Import the registration of <uui-keyboard-shortcut>
via:
import '@umbraco-ui/uui-keyboard-shortcut/lib';
When looking to leverage the UUIKeyboardShortcutElement
base class as a type and/or for extension purposes, do so via:
import { UUIKeyboardShortcutElement } from '@umbraco-ui/uui-keyboard-shortcut/lib/uui-keyboard-shortcut.element';
CDN
The component is available via CDN. This means it can be added to your application without the need of any bundler configuration. Here is how to use it with jsDelivr.
<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-keyboard-shortcut@latest/dist/uui-keyboard-shortcut.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-keyboard-shortcut@X.X.X/dist/uui-keyboard-shortcut.min.js"></script>
Usage
<uui-keyboard-shortcut>
<uui-key>ALT</uui-key>
+
<uui-key>shift</uui-key>
+
<uui-key>↑</uui-key>
+
<uui-key>z</uui-key>
</uui-keyboard-shortcut>