From ff638eb0105a22780d5084da58da83c98dc6d324 Mon Sep 17 00:00:00 2001
From: innovaker <66737976+innovaker@users.noreply.github.com>
Date: Fri, 6 Nov 2020 19:42:54 +0000
Subject: docs(codes): Add (key) codes documentation

Create codes documentation for standardized keys.

Closes #218.  Fixes #308.  Ref #21.
---
 docs/src/components/codes/Name.jsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 docs/src/components/codes/Name.jsx

(limited to 'docs/src/components/codes/Name.jsx')

diff --git a/docs/src/components/codes/Name.jsx b/docs/src/components/codes/Name.jsx
new file mode 100644
index 0000000..52dc734
--- /dev/null
+++ b/docs/src/components/codes/Name.jsx
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2020 The ZMK Contributors
+ *
+ * SPDX-License-Identifier: CC-BY-NC-SA-4.0
+ */
+
+import React from "react";
+import PropTypes from "prop-types";
+import ToastyCopyToClipboard from "./ToastyCopyToClipboard";
+
+export default function Name({ children, name }) {
+  return (
+    <ToastyCopyToClipboard text={name}>
+      <code className="name" title="Copy 📋">
+        {children}
+      </code>
+    </ToastyCopyToClipboard>
+  );
+}
+
+Name.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string])
+    .isRequired,
+  name: PropTypes.string.isRequired,
+};
-- 
cgit v1.2.3

