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

Table of Contents

简介
典型示例
详细介绍
API
创建样式
createStyles
🚧 createStylish
createGlobalStyle
容器组件
ThemeProvider
StyleProvider
Hooks
useTheme
useThemeMode
useResponsive
高级设置
🚧 setupStyled
createInstance
上一篇
createStyles
下一篇
createGlobalStyle

相关资源

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

简介

对于一般的样式诉求,通过 createStyles 就可以基本满足,createStylish 属于进阶用法。

在一个复杂的业务系统中,可能会存在一些通用的样式,这些样式颗粒度更细,并不足以形成一个组件。但是如果每次都重复书写即耗费精力,又会有很多重复的代码,一旦设计师要求统一调整设计风格,多次修改的成本极高。为了解决这个问题,createStylish 应运而生。

createStylish 可以创建一个可以被复用的的样式。它在理念上会和近年来比较流行的 tailwindcss 比较接近,但是具有更加好的灵活度和实用性。 同时结合 Ant Design V5 Token System,能达到非常高效与灵活的使用体验。

适用场景

用于批量组织可复用样式。

典型示例

stylish Button

详细介绍

API