forked from kofal.net/zmk
docs(codes): Add (key) codes documentation
Create codes documentation for standardized keys. Closes #218. Fixes #308. Ref #21.
This commit is contained in:
25
docs/src/components/codes/Name.jsx
Normal file
25
docs/src/components/codes/Name.jsx
Normal file
@@ -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,
|
||||
};
|
||||
Reference in New Issue
Block a user