Ant Design 5.0 使用 CSS-in-JS 技术以提供动态与混合主题的能力。与此同时,我们使用组件级别的 CSS-in-JS 解决方案,让你的应用获得更好的性能。 设计语言与研发框架 配套生态,让你快速搭建网站应用 设计价值观 确定性、意义感、生长性、自然 设计指引 全局样式、设计模式 组件库 Ant Design of React / Angula...
Ant Design of Vue(社区实现) AntV 全新一代数据可视化解决方案 Ant Design Pro 开箱即用的中台前端/设计解决方案 Ant Design Mobile 基于Preact / React / React Native 的 UI 组件库 海兔 全新一代图形化解决方案 Kitchen 一款为设计者提升工作效率的 Sketch 工具集 ...
)是基于 Ant Design 设计体系的 React UI 组件库,适合企业级中后台产品与前台桌面网站。 + ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 React 组件。 🛡 使用 TypeScript 开发,提供完整的类型定义文件。 ⚙️ 全链路开发和设计工具体系。 🌍 数十个国际化语言...
Following the Ant Design specification, we developed a React UI library antd (Pronunciation) that contains a set of high quality components and demos for building rich, interactive user interfaces.
ant-design GVP 一套企业级 UI 设计语言和 React 组件库 TypeScript 104 676 ant-design-pro GVP 开箱即用的中台前端/设计解决方案。 JavaScript 145 1002 326 ant-design-pro-site The documentation source of Ant Design Pro. JavaScript 2 7 2
Most enterprise-grade solutions depend on the React stack to create a robust platform for improved delivery and performance. React is one of the leading tech-stack behind the interactive user interface of Facebook, Netflix, Instagram, and Whatsapp. To d
antd为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践。除了官方组件,我们也提供了社区精选组件作为必要的补充,另外如果您是内网用户,欢迎尝试使用TechUI。 通用4 Button按钮 FloatButton悬浮按钮 Icon图标 Typography排版 布局6 ...
antd 是基于 Ant Design 设计规范实现的 高质量 React 组件库,我们倾向于只提供符合该规范且带有视觉展现的 UI 组件,也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现,与 antd 形成互补。
访问https://u.ant.design/codesandbox-repro创建一个 codesandbox 的在线示例,别忘了保存以创建一个新的实例。 2. 使用组件 直接用下面的代码替换index.js的内容,用 React 的方式直接使用 antd 组件。 jsx importReact,{useState}from'react'; import{ConfigProvider,DatePicker,message}from'antd'; ...
通过修改 Design Token,我们可以呈现出各种各样的主题或者组件。通过在 ConfigProvider 中传入 theme 属性,可以配置主题。在升级 v5 后,将默认使用 v5 的主题。 WARNING ConfigProvider 对message.xxx、Modal.xxx、notification.xxx 等静态方法不会生效,原因是在这些方法中,antd 会通过 ReactDOM.render 动态创建新的 ...