一行代码实现 Ant Design 5.0 官网效果

antd 5.0 发布了，dum2.0也发布了，两者相结合，Ant Design 5.0官网也就一起更新了。5.0的官网不管是从色彩、交互以及布局等层面，相比前一个版本都有一个不错的提升。那么如何让自己的技术文档或者组件库文档拥有一样丝滑的体验呢？答案就是接入 dumi2 主题包：dumi-theme-antd，一行代码即可拥有 Ant Design 5.0 官网一样的体验。

在线体验

一行代码实现实现该效果主要依托于 dum2.0 强大灵活的主题加载策略以及antd 5.0 组件的优秀表现。

dumi-theme-antd 主题包深度定制了包含但不限于以下模块：

• 首页
• 导航栏
• 侧边栏
• 内容区
• 底部
• 多语言
• 移动端
• ...

除此之外，还支持主题预设，主题切换，内置常用组件，页面模块自定义等功能，涵盖绝大部分文档场景。

安装

使用 pnpm 或 yarn 安装

pnpm install dumi-theme-antd
# or
yarn add dumi-theme-antd

配置

dumi-theme-antd 基于dumi主题包约定开发，安装以后 dumi 会自动从 packge.json 中加载主题包，无需做其他任何配置。dumi-theme-antd 为了更好的适配 Antd Design 5.0 官网主题风格，也支持一些特定的配置参数，可前往配置查看。

效果展示

欢迎 PRS

如果你对该主题包有一些自己的想法，欢迎贡献：dumi-theme-antd。

That's all & Thks.