@umbraco-ui/uui-keyboard-shortcut

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.

<!-- Latest Version -->
<script src="https://cdn.jsdelivr.net/npm/@umbraco-ui/uui-keyboard-shortcut@latest/dist/uui-keyboard-shortcut.min.js"></script>

<!-- Specific version -->
<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>&#8593;</uui-key>
  +
  <uui-key>z</uui-key>
</uui-keyboard-shortcut>