• 介绍
• 五分钟上手
• 下载和使用
• 组件化开发模式

一期（6月15日）：

• 首页
• iconfont
• layout
• button
• dropdown
• datepicker
• tooltip
• select
• tabs
• progress
• modal + confirm

二期（7月15日）：

• 工程化
• 动画方案
• input 输入框
• checkbox 多选
• radio 单选
• form 表单
• pagination 分页
• table 表格
• popover 气泡卡片
• popconfirm 气泡确认框
• slider 滑动条
• switch 开关
• message 全局消息通知
• step 步骤条
• collapse 折叠面板
• inputNumber 数字输入框
• breadcrumb 面包屑

三期（8月05日）：

• menu 导航菜单
• upload 上传
• carousel 走马灯
• tree 树形控件
• notification 通知框
• validation 表单校验
• affix 悬停
• alert 消息样式
• enterAnimation 进场动效
• 色板
• 排版

正式发布（8月25日）0.8.0

正式发布上线。

四期（9月15日）0.9.0

补充几个新组件，完善旧组件的演示。

• timeline 时间轴
• badge 通知数字

已有组件补充：

• table 表格折叠区域
• step 竖版
• radio button style

五期（10月31日）0.10.0

#276

感觉这个前端框架很不错的，不知道它对于浏览器的兼容性支持有没有明确的计划？打算支持IE8和IE9吗？

您们好！
问题：
如果我再写好的html结构中，如何在引用antd-0.1.0-beta1.js后，可以使用ant.design提供的组件？我发现组件中的HTML结构是 React.render 出来的。

说明：
之前一直用你们的kissy，如今发现很多demo页面链接错误了。
发现了你们这个新的框架。非常感谢！
我的问题时很弱智，由于我乐视网是做设计的，但会写点HTML做些专题页面。引用你们的kissy库就可以使用一些组件。现在ant框架没有html结构的组件实例。

1. 首页不能正常展示
   http://ant.design/
2. breadcrumb react-router 不能结合

http://ant.design/components/breadcrumb/#/

按 @tsj1107 的建议，统一调整成铺满格子。

https://github.com/PixelsCommander/ReactiveElements
https://github.com/WebReflection/document-register-element

• iconfont
• layout
• button
• dropdown
• datepicker
• tooltip
• select
• tabs
• progress
• modal+confirm

select、datepicker、input-number 支持三套大小：

• 大（32px，用于表单中）
• 中（28px，默认）
• 小（22px，用于小号表格中）

和 input 的三种大小保持一致：http://ant.design/components/form/#code-box-components-form-demo-input-size

1. 初始化
2. 默认和自定义构建配置
3. 调试
4. 构建

通过npm install安装 lib下的index.css语法有错误导致使用webpack的cssloader报错

3298行

 > .ant-btn-group {
  float: left;
}
 > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
 > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 8px;
}
 > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding-left: 8px;
}

麻烦看一下 谢谢

快速上手 按照步骤做不work!
index.css 缺失。能不能在 antd init 后，生成可运行的demo。
类似Yeoman的generator-webapp做法。

• home 主页
• list 列表

即鼠标点下的状态。现在只有主按钮有效果。

less 改着改着，服务器 watch 就失败，自动关闭了

需要修改动画的组件：

• modal
• dropdown
• select
• datepicker ?
• collapse

需要补充动画的组件：

• menu
• tag
• alert
• upload
• validation
• slider 上面的气泡
• tree 展开缩放需要动画

http://material-ui.com/#/components/dialog

项目确实很赞，但作为纯前端新手，找不到导航组件和底部标签组件额。

目前是独立的 webpack-config.js 。

https://github.com/ant-design/ant-design/blob/726197c45e17ce07ed03fbe52b9fe75247ae7762/webpack.config.js

Hello,

when resizing the textarea, it exceeds the maximum width.
I'd suggest to set the max-width to 100% to prevent it from coming out of the container.

:)

报如下错：

TypeError: menu.handleKeyDown is not a function

重现方式：

1. 访问多选演示：http://ant.design/components/select/#demo-multiple
2. 在输入框中输入 b，此时下拉菜单只有一项。
3. 回车完成。

问题：

下拉菜单会在展现出所有可选项后，再动画消失，体验比较诡异。

2017.05.13 更新，欢迎将您的脚手架提交到：http://scaffold.ant.design/

这里将长期收集社区提供的一些 antd 周边的开发资源和例子，帮助你探索其他人是怎么进行开发的，也欢迎主动回复到此处。

无关回复将会定期删除。

类似省市联动那样的，做一个简单的 demo 。

circle -> round 圆
circleo -> circle 圈

想接合 reactcss 来使用，
但是 antd server 之后，
访问 http://localhost:8000/ 样式不生效

import ReactCSS from 'reactcss';

class Button extends ReactCSS.Component {
    classes() {
        return {
            'default': {
                btn: {
                    color: 'red'
                }
            }
        }
    }
    render() {
        return <div is="btn">hello world</div>;
    }
}

React.render(<Button />, document.body);

Interesting project, but would appreciate lots an English translation 😄

语法支持多

感觉比bootstrap 清爽， 如果独立出来， 可以方便不适用React的用户

装了nico，但是一旦当我执行npm start，或者直接nico server时，会打开nico.js文件，而不是启动server。此问题只在windows下有，mac下正常

1. 目前 markdown 写 js 十分不方便，希望抽取为单独的 js 里写
2. 希望网站能够用 react-router 做成单页面，这样后续响应快
3. 目前 watch 很多坑，经常构建文件不更新，建议用 middleware 内存构建

建议默认显示描述，或者提供配置项

方案：用 nico 模板读取本地组件列表，生成一个静态的 json 用作数据源。

每次都会在当前目录切换，把 idea/webstorm 的项目配置目录都删掉了，下次打不开项目

要准备开始写历史记录了。

npm install :)

rc-select 里已经支持了。react-component/select#6

在 http://ant.design/components/select/ 里加一下分组的演示和文档吧。

发到 0.8.0 分支。

@warmhug

1. remove 'use strict'
   #63
2. use ES6 module (import / export)
   #66
3. use ES6 Classes (React v0.13+) or React.createClass (support mixin) ?

• CHANGELOG
• npm 发布
• tag
• package.json 版本修改

Hi there,

Is there any plan to employ the fast click for mobile devices?
https://github.com/JakeSidSmith/react-fastclick
http://stackoverflow.com/questions/24335821/can-i-fastclick-reactjs-running-in-cordova/30316754#30316754

<button class="ant-btn">Default</button>

应该等效于：

<button class="ant-btn ant-btn-default">Default</button>

每个代码片段分为三块：

• 代码
• 描述
• demo

1. line progress 宽度自适应。
2. line progress 建议用 dom 实现，方便颜色用样式来统一。
3. 添加半透明状态的进度，表示正在进行中，可参照火烧云。

参考 react react-router，方便使用， 需要配置 webpack output 为 umd

tooltip popover popconfirm 等组件位置偏移

branch: 0.8.0