-
As title, I usually write some code sample in mdx, when content is getting long, the codeblock will overflow and there's scrollbar. How to disable this behavior in mdx? not use react component |
Beta Was this translation helpful? Give feedback.
Answered by
fuma-nama
Nov 1, 2024
Replies: 1 comment
-
We have a custom meta field allowed for code blocks ```js custom="noscroll"
hello world
``` You can receive the |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
himself65
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
We have a custom meta field allowed for code blocks
You can receive the
custom
prop from MDX componentspre
in page.tsx and turn it into a JSXclassName
/style
prop that specifies the CSS max height, it should be passed toPre
(see https://fumadocs.vercel.app/docs/ui/mdx/codeblock#usage).