docs(codes): Add (key) codes documentation

Create codes documentation for standardized keys.

Closes #218.  Fixes #308.  Ref #21.

1 files changed, 23 insertions, 0 deletions

diff --git a/docs/src/components/codes/OsLegend.jsx b/docs/src/components/codes/OsLegend.jsx
new file mode 100644
index 0000000..c53907f
--- /dev/null
+++ b/docs/src/components/codes/OsLegend.jsx
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2020 The ZMK Contributors
+ *
+ * SPDX-License-Identifier: CC-BY-NC-SA-4.0
+ */
+
+import React from "react";
+import operatingSystems from "@site/src/data/operating-systems";
+
+export default function OsLegend() {
+  return (
+    <div className="codes os legend">
+      {operatingSystems.map(({ key, className, heading, title }) => (
+        <div key={key} className={"os " + className}>
+          <span className="heading">{heading}</span>
+          <span className="title">{title}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+OsLegend.propTypes = {};