大数跨境
0
0

Ant-Design 6.0 正式发布,新增超多组件

Ant-Design 6.0 正式发布,新增超多组件 前端之神
2025-11-22
2
导读:我建了 5000人前端学习群,群内分享前端知识/Vue/React/Nodejs/全栈,关注我,回复加群,即可

我建了 5000人前端学习群,群内分享前端知识/Vue/React/Nodejs/全栈,关注我,回复加群,即可加入~

🎉 Ant Design 6.0 正式发布!

是时候欢呼了!在收获了近10万Star、经历了数千次讨论与迭代后,承载着无数开发者期待的 Ant Design 6.0 今天正式与大家见面了!

这不仅仅是一个版本号的升级,更是一次面向未来的技术焕新。最重要的是,这次升级无比顺滑——如果你正在使用 v5,那么恭喜你,你几乎可以“一键升级”,无需繁琐的迁移步骤!

🚀 这次升级,有哪些让你心动的亮点?

1. 🧙‍♂️ 拥抱未来:全面支持 React 18+ 我们卸下了历史包袱,将底座牢牢构筑在 React 18 之上。这意味着更干净的代码、更一致的API行为。如果你已经用上了 React 19,那体验将如丝般顺滑!

2. 主题题魔法:纯 CSS Variables 来袭! 告别繁重,迎接轻量化!我们默认启用了纯 CSS Variables 架构,让你可以:

  • 实时切换主题,像变魔术一样。
  • 支持零运行时样式提取,打包体积更小,速度更快!
  • (终于)彻底告别了 IE 时代。

3. ✨ 灵魂注入:全组件“语义化”改造 我们为所有组件注入了“语义之魂”!现在的 DOM 结构不仅更合理、更易于无障碍访问,还赋予了大家前所未有的样式定制能力

你可以轻松打造出:

  • 俏皮按钮:让图标旋转,给按钮加上不对称圆角。
  • 极客风卡片:赛博朋克般的发光边框和内阴影,彰显你的个性。

是时候释放你的创造力,打造独一无二的 UI 了!

4. 🛠 开发者的梦想工具箱:全新组件与功能

  • Masony 瀑布流组件:图片、卡片展示的终极利器。
  • 可拖拽的 Drawer:用户终于可以自由调整侧边板大小了!
  • 会滑动的 Tooltip:当提示框扎堆时,它们可以平滑切换。
  • InputNumber 的 Spinner 模式:更直观的数字增减体验。
  • 朦胧美学的「背景模糊」:所有弹层 now with blur effect,高级感拉满!

📦 升级指南?简单到笑!

还记得从 v4 到 v5 的“艰辛”吗?这次完全不同!

  • 核心动作:直接运行 npm install antd@6
  • 准备工作:确保你的项目运行在 React 18 或更高版本。
  • 注意事项:控制台可能会给出一些废弃 API 的警告,按提示替换即可。

v5 分支将进入为期1年的维护期,让我们安心向未来进发吧!

🔮 未来已来,更多惊喜在路上

我们对移动端体验、无障碍访问的持续优化不会停止,并将紧跟 React 生态的最新特性。

🎁 One More Thing...

与此同时,它的酷炫兄弟——Ant Design X 2.0 也同步登场! 作为专为 AI 场景打造的组件库,2.0 版本带来了更强大的交互与渲染能力。如果你正在构建下一代 AI 应用,这绝对是你不能错过的神兵利器!

结语

我是林三心,一个待过小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手

我建了一些前端学习群,如果大家想进群交流前端知识,可以关注我,回复加群图片

【声明】内容源于网络
0
0
前端之神
一位前端小菜鸡,写过400多篇原创文章,全网有6w+个前端朋友,梦想是成为”前端之神“~
内容 1022
粉丝 0
前端之神 一位前端小菜鸡,写过400多篇原创文章,全网有6w+个前端朋友,梦想是成为”前端之神“~
总阅读1.1k
粉丝0
内容1.0k