CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 15:26:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(mdx): add scroll support for tables

Browse Source
This commit is contained in:
cfngc4594 2025-03-26 22:48:00 +08:00
parent 9e634853e8
commit 793db58e36
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/content/mdx-components.tsx
View File

@ -1,8 +1,19 @@
import { HTMLAttributes } from "react";
import { Pre } from "@/components/content/pre";
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
export const MdxComponents = {
pre: (props: HTMLAttributes<HTMLPreElement>) => <Pre {...props} />,
ol: (props: HTMLAttributes<HTMLOListElement>) => <ol style={{ listStyle: "revert" }} {...props} />,
ul: (props: HTMLAttributes<HTMLUListElement>) => <ul style={{ listStyle: "revert" }} {...props} />,
ol: (props: HTMLAttributes<HTMLOListElement>) => (
<ol style={{ listStyle: "revert" }} {...props} />
),
ul: (props: HTMLAttributes<HTMLUListElement>) => (
<ul style={{ listStyle: "revert" }} {...props} />
),
table: (props: HTMLAttributes<HTMLTableElement>) => (
<ScrollArea>
<table {...props} />
<ScrollBar orientation="horizontal" />
</ScrollArea>
),
};