Ant Design Style Dumi ThemeAnt Design Style Dumi Theme
Guide
Components
Config
Changelog
⌘ K
Config
Document Configuration
Custom
ApiHeader
Configuration
Footer
PREV
ApiHeader

相关资源

Ant Design
Ant Design Pro
Ant Design Pro Components
Umi-React 应用开发框架
Dumi-组件/文档研发工具
qiankun-微前端框架

社区

Medium
Twitter
yuqueAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconfSEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

GitHub
更新日志
讨论

more products更多产品

yuque语雀-知识创作与分享工具
AntVAntV-数据可视化解决方案
EggEgg-企业级 Node.js 框架
kitchenKitchen-Sketch 工具集
xtech蚂蚁体验科技
Copyright © 2022-2024
Made with ❤️ by 蚂蚁集团 - AFX & 数字科技
‌
‌
‌
‌

Custom Footer

Based on dumi's good theme architecture, we can easily customize the Footer of our site.

The Footer in this theme package is based on rc-footer encapsulation. Therefore, this Footer component can support icons and other React components. This makes it impossible to configure the Footer column in the themeConfig and requires custom props to be passed into the Footer component.

Create a .dumi/theme/slots directory in your project and then create a Footer component in that directory with the following content:

tsx

The resulting code block looks like this:

If you need to customize the columns, please refer to the Footer source code reference in this theme.

Customized