fuma-nama/fumadocs fumadocs-core@12.1.0

on GitHub

Minor Changes

• 0a377a9: Support writing code blocks as a <Tab /> element.

  import { Tabs } from 'fumadocs-ui/components/tabs';
  
  <Tabs items={["Tab 1", "Tab 2"]}>
  
  ```js tab="Tab 1"
  console.log('Hello');
  ```
  
  ```js tab="Tab 2"
  console.log('Hello');
  ```
  
  </Tabs>

  This is same as wrapping the code block in a <Tab /> component.

• 0a377a9: Pass the icon prop to code blocks as HTML instead of MDX attribute.

  why: Only MDX flow elements support attributes with JSX value, like:

  <Pre icon={<svg />}>...</Pre>

  As Shiki outputs hast elements, we have to convert the output of Shiki to a MDX flow element so that we can pass the icon property.

  Now, rehype-code passes a HTML string instead of JSX, and render it with dangerouslySetInnerHTML:

  <Pre icon="<svg />">...</Pre>

  migrate: Not needed, it should work seamlessly.