Ant Design StyleAnt Design Style
快速上手
最佳实践
API
更新日志
⌘ K

Table of Contents

简介
默认用法
结合 antd 的 token 使用
创建样式
createStyles
🚧 createStylish
createGlobalStyle
容器组件
ThemeProvider
StyleProvider
Hooks
useTheme
useThemeMode
useResponsive
高级设置
🚧 setupStyled
createInstance
上一篇
🚧 createStylish
下一篇
ThemeProvider

相关资源

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 & 数字科技
‌
‌
‌
‌

简介

使用 createGlobalStyle 可以创建注入到全局的样式。 该方法的使用和 styled-component 基本没有区别,但实现上是基于 @emotion/react 和 @emotion/serialize 做的封装。

默认用法

猛男最喜欢的颜色

结合 antd 的 token 使用

利用 antd v5 的 token 系统,我们可以自行组织实现一个在 Ant Design 中并不存在的 Button 样式。