From 55a78ebd2f82f464b2f1080f54ab76948056c6e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 5 Jun 2024 12:26:10 -0500
Subject: [PATCH] feat: table formatting

---
 src/app/docs/[directory]/[document]/page.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/app/docs/[directory]/[document]/page.tsx b/src/app/docs/[directory]/[document]/page.tsx
index 122127782..b0a8cdcc9 100644
--- a/src/app/docs/[directory]/[document]/page.tsx
+++ b/src/app/docs/[directory]/[document]/page.tsx
@@ -1,3 +1,4 @@
+import { Table } from '@radix-ui/themes';
 import Markdown from 'markdown-to-jsx';
 import { use } from 'react';
 import { Link } from '../../../../components/Link';
@@ -21,6 +22,12 @@ export default function Page({
         options={{
           overrides: {
             a: { component: Link },
+            table: { component: Table.Root },
+            thead: { component: Table.Header },
+            tbody: { component: Table.Body },
+            tr: { component: Table.Row },
+            th: { component: Table.ColumnHeaderCell },
+            td: { component: Table.Cell },
           },
         }}
       >