--- title: Code Block (Dynamic) description: A codeblock that also highlights code preview: dynamicCodeBlock --- ## Usage ```tsx import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock'; ; ``` This component, different from the MDX [`CodeBlock`](/docs/mdx/codeblock) component, can be used without MDX. It highlights the code with Shiki and use the default component to render it. Features: - Can be pre-rendered on server - load languages and themes on browser lazily ### Options ```tsx import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock'; ; ```