feat: Render union type info for union props

src/components/FunctionDefinition.module.scss

@@ -1,5 +1,5 @@
 .container {
-  font-family: 'Menlo', 'Consolas', monospace;
+  font-family: var(--code-font);
   font-size: 0.875rem;
   line-height: 1.5;
 }

src/components/PropTypeInfo.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import FunctionDefinition from './FunctionDefinition';
+import styles from './PropTypeInfo.module.scss';
 
 const PropTypeInfo = ({ type }) => {
   switch (type.raw) {
@@ -11,6 +12,18 @@ const PropTypeInfo = ({ type }) => {
           params={type.meta.params}
         />
       );
+    case 'oneOf':
+      return (
+        <div className={styles.listLike}>
+          <div>{'<One of'}</div>
+          <div className={styles.arg}>
+            {type.meta.constants.map((constant) => (
+              <div key={constant}>{constant},</div>
+            ))}
+          </div>
+          <div>{'>'}</div>
+        </div>
+      );
     default:
       return null;
   }

src/components/PropTypeInfo.module.scss

@@ -0,0 +1,9 @@
+.arg {
+  padding-left: 1rem;
+}
+
+.listLike {
+  font-family: var(--code-font);
+  font-size: 0.875rem;
+  color: var(--color-neutrals-600);
+}

src/components/styles.scss

@@ -68,6 +68,7 @@
   --primary-font-family: 'open sans', sans-serif;
   --secondary-font-family: 'effra', sans-serif;
   --tertiary-font-family: 'Ovo', serif;
+  --code-font: 'Menlo', 'Consolas', monospace;
 }
 
 /*-- Reset --*/