feat(Hotkey): add hotkey docs (#513)

Author: kseniya57

src/content/components/uikit/Hotkey/index.ts

@@ -0,0 +1,32 @@
+import dynamic from 'next/dynamic';
+
+import {Repos} from '../../../../types/common';
+import {getGithubUrl, getReadmeUrl, mappingOptions} from '../../utils';
+
+const getterOptions = {repoName: Repos.Uikit, componentName: 'Hotkey'};
+
+export const hotkeyConfig = {
+    id: 'hotkey',
+    title: 'Hotkey',
+    githubUrl: getGithubUrl(getterOptions),
+    content: {
+        readmeUrl: getReadmeUrl(getterOptions),
+    },
+    sandbox: {
+        component: dynamic(() => import('@gravity-ui/uikit').then((mod) => mod.Hotkey)),
+        props: {
+            value: {
+                type: 'input',
+                defaultValue: 'mod+a mod+c mod+v',
+            },
+            view: {
+                type: 'select',
+                values: mappingOptions(['light', 'dark']),
+            },
+            platform: {
+                type: 'select',
+                values: mappingOptions(['pc', 'mac']),
+            },
+        },
+    },
+};

src/content/components/uikit/index.ts

@@ -15,6 +15,7 @@ import {checkboxConfig} from './Checkbox';
 import {disclosureConfig} from './Disclosure';
 import {dropdownMenuConfig} from './DropdownMenu';
 import {helpMarkConfig} from './HelpMark';
+import {hotkeyConfig} from './Hotkey';
 import {iconConfig} from './Icon';
 import {labelConfig} from './Label';
 import {linkConfig} from './Link';
@@ -99,6 +100,7 @@ const uikitComponents: Component[] = [
     sheetConfig,
     stepperConfig,
     helpMarkConfig,
+    hotkeyConfig,
 ];
 
 export const uikit: Lib = {