Ant Design 5.0 Ant Design 5.0 使用 CSS-in-JS 技术以提供动态与混合主题的能力。与此同时,我们使用组件级别的 CSS-in-JS 解决方案,让你的应用获得更好的性能。 取消确定 信息内容展示 下拉菜单 + 1 ... 已完成 2 进行中 3 等待中 0°C26°C37°C100°C 主要按钮危险按钮默认按钮虚线按钮图标按钮 ...
antd(如何发音?)是基于 Ant Design 设计体系的 React UI 组件库,适合企业级中后台产品与前台桌面网站。 + ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 React 组件。 🛡 使用 TypeScript 开发,提供完整的类型定义文件。
基于Preact / React / React Native 的 UI 组件库 海兔 全新一代图形化解决方案 Kitchen 一款为设计者提升工作效率的 Sketch 工具集 Icons 一整套优质的图标集 更多内容 查看全部 Ant Design X 1.0 发布 🚀 Ant Design X 是遵循 Ant Design 设计体系的一个 React UI 库,用于构建由 AI 驱动的界面,一键接入...
即可成功引入antd组件 2. 自定义主题颜色 由于这些组件采用的颜色,都是支付宝蓝,有时候我们不想要这样的颜色,想要用其他的配色,这当然是可以实现的,我们需要引用一些库和更改一些配置文件来实现 在视频中,老师讲解的是3.几版本中的实现方法,这种方法需要去暴露 React 中的配置文件,这种操作是不可返回的,一旦暴露就...
随着React hooks、Vue composition API 的推出,或许组件库有了新的突破点。 Ant Design 4.0 的一些杂事儿 - VirtualList 篇 在React 中,我们常说不太需要关注性能问题。然而作为组件库,这些事你就不得不考虑一下。 设计语言与研发框架 设计价值观 这是Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐...
本篇带你使用 AntDesign 组件库为我们的系统换上产品级的UI! 安装组件库 在项目目录下执行:npm i antd@3.3.0 -S 或 yarn add antd 安装组件包 执行:npm i babel-plugin-import -D 安装一个babel插件用于做组件的按需加载(否则项目会打包整个组件库,非常大) 根目录下新建.roadhogrc文件(别忘了前面的点,...
UI 组件库 React.js 2023 一整年 NPM 只有 2 个组件库下载量超 1亿, 分别是 Material-UI 与react-bootstrap第三名是 ant-design 下载量 6000 万 ⭐ Material-UI (MUI) : 世界第一 UI 组件库, 使用人数超多 ⭐ Ant Design : 阿里巴巴 ( 查看antd 团队的其他作品 ) ⭐ Chakra-UI ⭐ Mantine ...
蚂蚁开源前端框架 Ant Design 最近推出了全新 AGI 组件库 ——Ant Design X。 这是一个遵循 Ant Design 设计体系的 React UI 库,用于构建由 AI 驱动的界面,一键接入智能对话组件与 API 服务。 Ant Design 团队工程师「偏右」将 Ant Design X 抽象地总结为: ...
react+antDesign可以理解为 React定制的UI组件库 使用: 安装npm install antd --saveyarn add antd 引入样式文件 引入UI组件 按需加载 (1)原因 虽然组件成功运行起来了,但实际上加载了全部的antd 组件的样式,会影响前端的性能,借助react-app-rewired进行自定义配置 ...