Releases: fuma-nama/fumadocs
[email protected]
Major Changes
-
a84f37a: Migrate to Tailwind CSS v4
migrate:
Follow https://tailwindcss.com/blog/tailwindcss-v4 for official migrate guide of Tailwind CSS v4.
Fumadocs UI v15 redesigned the Tailwind CSS config to fully adhere the new config style, no JavaScript and options needed for plugins.
Add the following to your CSS file:@import 'tailwindcss'; @import 'fumadocs-ui/css/neutral.css'; @import 'fumadocs-ui/css/preset.css'; /* if you have Twoslash enabled */ @import 'fumadocs-twoslash/twoslash.css'; @source '../node_modules/fumadocs-ui/dist/**/*.js'; /* if you have OpenAPI enabled */ @source '../node_modules/fumadocs-openapi/dist/**/*.js';
The
fumadocs-ui/css/preset.css
import is required, it declares necessary plugins & styles for Fumadocs UI, andfumadocs-ui/css/neutral.css
defines the color palette of UI.Like the previous
preset
option in Tailwind CSS plugin, you can import other color presets likefumadocs-ui/css/vitepress.css
.You should also pay attention to
@source
, the file paths are relative to the CSS file itself. For your project, it might not be../node_modules/fumadocs-ui/dist/**/*.js
.
Patch Changes
[email protected]
[email protected]
Minor Changes
- 471478b: Support
useScalar
option
Patch Changes
[email protected]
[email protected]
Minor Changes
-
581f4a5: Support code block tabs without hardcoding
<Tabs />
itemsmigrate: Use the
remarkCodeTab
plugin.before:
import { Tab, Tabs } from 'fumadocs-ui/components/tabs'; <Tabs items={["Tab 1", "Tab 2"]}> ```ts tab console.log('A'); ``` ```ts tab console.log('B'); ``` </Tabs>
after:
import { Tab, Tabs } from 'fumadocs-ui/components/tabs'; ```ts tab="Tab 1" console.log('A'); ``` ```ts tab="Tab 2" console.log('B'); ```
Patch Changes
[email protected]
Patch Changes
- a89d6e0: Support Fumadocs v15