⌨️ Add keyboard renderer (#334)

Co-authored-by: Rowan Cockett <[email protected]>
jupyter-book · Mar 21, 2024 · bd6bacc · bd6bacc
1 parent 6d116bd
commit bd6bacc
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/myst-to-react/src/basic.tsx b/packages/myst-to-react/src/basic.tsx
@@ -46,6 +46,10 @@ type Aside = {
   type: 'aside';
 };
 
+type Keyboard = {
+  type: 'keyboard';
+};
+
 type BasicNodeRenderers = {
   text: NodeRenderer<spec.Text>;
   span: NodeRenderer<GenericNode>;
@@ -79,6 +83,7 @@ type BasicNodeRenderers = {
   captionNumber: NodeRenderer<CaptionNumber>;
   delete: NodeRenderer<Delete>;
   underline: NodeRenderer<Underline>;
+  keyboard: NodeRenderer<Keyboard>;
   smallcaps: NodeRenderer<SmallCaps>;
   // definitions
   definitionList: NodeRenderer<DefinitionList>;
@@ -375,6 +380,13 @@ const BASIC_RENDERERS: BasicNodeRenderers = {
       </aside>
     );
   },
+  keyboard({ node }) {
+    return (
+      <kbd>
+        <MyST ast={node.children} />
+      </kbd>
+    );
+  },
 };
 
 export default BASIC_RENDERERS;