react antd select 对象_企业级的 UI 设计语言, React 实现 Ant Design

Ant Design

一套企业级 UI 设计语言和 React 组件库。

✨ 特性

  • 提炼自企业级中后台产品的交互语言和视觉风格。
  • 开箱即用的高质量 React 组件。
  • 使用 TypeScript 开发,提供完整的类型定义文件。
  • ⚙️ 全链路开发和设计工具体系。
  • 数十个国际化语言支持。
  • 深入每个细节的主题定制能力。

支持环境

  • 现代浏览器和 IE11 及以上。
  • 支持服务端渲染。
  • Electron
f4d8a1242442f5fe0127279a2c773bcf.png


IE / Edge

105bc0cf3bb5584e7babeddcd3af915e.png


Firefox

260beb67f30855447c1bd1bc3df4773f.png


Chrome

618b7136aa5eb5d9bc5ca9264f2e86fd.png


Safari

9bcedf4fa5b30c5f5c0a95736cc3cc45.png


ElectronIE11, Edgelast 2 versionslast 2 versionslast 2 versionslast 2 versions

安装

npm install antd --save
yarn add antd

示例

import { Button, DatePicker } from 'antd';const App = () => (  <>    PRESS ME      >);

引入样式:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

你也可以使用 babel-plugin-import。

TypeScript

参考 在 TypeScript 中使用。

国际化

参考 国际化文档。

链接

  • 首页
  • 组件库
  • Ant Design Pro
  • 更新日志
  • React 底层基础组件
  • 移动端组件
  • Ant Design 图标
  • Ant Design 色彩
  • Ant Design Pro 布局组件
  • Ant Design Pro 区块集
  • Dark Theme
  • 首页模板集
  • 动效
  • 脚手架市场
  • 设计规范速查手册
  • 开发者说明
  • 版本发布规则
  • 常见问题
  • CodeSandbox 模板 for bug reports
  • Awesome Ant Design
  • 定制主题

⌨️ 本地开发

你可以使用 Gitpod 进行在线开发:

或者克隆到本地开发:

$ git clone git@github.com:ant-design/ant-design.git$ cd ant-design$ npm install$ npm start

打开浏览器访问 http://127.0.0.1:8001 ,更多本地开发文档。

参与共建

请参考贡献指南.

强烈推荐阅读 《提问的智慧》、《如何向开源社区提问题》 和 《如何有效地报告 Bug》、《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

社区互助

如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。

通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 antd 标签。

Ant Design 4.1.5 发布了,此版本更新内容:

  • 修复 Button.Group 中按钮没有对齐的问题。#23590
  • 修复 Select 箭头图标点击无法触发下拉的问题。#23448
  • 修复 Form 自定义 @form-item-margin-bottom 变量时表单校验抖动的问题。#23436 @yoyo837
  • 修复第一个 Divider 渲染时样式不一致的问题。#23438
  • 修复嵌套 ConfigProvider 会丢失 prefixCls 值的问题。#23423
  • 修复 Carousel 键盘切换到非活跃 slide 上的 Radio/Checkbox 的问题。#23380
  • 修复 Tree 使用虚拟滚动时会因为 loadData 更新过快而锁死的问题。#23581
  • 修复 Steps 组件竖直展示时在 IE11 下样式错误的问题#23561 @AdrianoRuberto
  • 修复 Input.Search 高度被 suffix 撑高的问题和报 react key 重复警告的问题。#23527
  • 修复 Menu 鼠标移到缝隙处子菜单会消失的问题。#23511
  • 修复 Tree 自定义图标在加载状态下消失的问题。#23494
  • RTL修复 Alert 在 showIcon 和 closable 都存在时的 RTL 样式问题#23526修复 Button 在 RTL 下 loading 样式不正确的问题。#23399修复 Collapse 在 RTL 下切换图标位置不正确的问题。#23445修复 Select 分组名称的 RTL 样式问题。#23404修复 Statistic 的 RTL 样式不正确的问题。#23397
  • TypeScript修复 Table 的 selections 类型定义。#23462 @xiaoxintang
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值