update buttons

components/button/demo/basic.md

@@ -2,17 +2,17 @@
 
 - order: 1 
 
-按钮基础样式，通过样式来显示重要程度的不同
+按钮样式
 
-`注`: 当按钮文字为两个字时，中间需要**间隔一个字符**。
+为 `<button>`、`<a>` 或 `<input>` 元素添加按钮类即可使用 ant-design 提供的样式。
 
 ---
 
 ````html
 <div>
-  <button class="ant-btn ant-btn-primary">主按钮</button>
-  <button class="ant-btn ant-btn-default">次按钮</button>
-  <button class="ant-btn ant-btn-ghost">幽灵按钮</button>
-  <a href="" class="ant-btn"></a>
+  <button class="ant-btn ant-btn-default">Button</button>
+  <a href="javascript:;" class="ant-btn ant-btn-default" role="button">Link</a>
+  <input class="ant-btn ant-btn-default" type="button" value="Input" />
+  <input class="ant-btn ant-btn-default" type="submit" value="Submit" />
 </div>
 ````

components/button/demo/button-group.md

@@ -1,10 +1,14 @@
 # Groups Button
 
-- order: 7
+- order: 8
 
-按钮组合， 将一些列的 `.ant-btn` 放入 `.ant-btn-group` 的容器中
+按钮组合
 
-按钮尺寸： 只要给 `.ant-btn-group` 加上 `.ant-btn-group-*` 类，即可设置不同的尺寸，目前支持大中小三种尺寸。
+将一系列的 `.ant-btn` 放入 `.ant-btn-group` 的容器中
+
+按钮组合尺寸
+
+只要给 `.ant-btn-group` 加上 `.ant-btn-group-*` 类，即可设置不同的尺寸，目前支持大中小三种尺寸。
 
 ---
 

components/button/demo/loading.md

@@ -1,6 +1,6 @@
 # Loading Button
 
-- order: 5
+- order: 6
 
 加载按钮
 

components/button/demo/menu.md

@@ -1,10 +1,10 @@
-# Menu Btu
+# Menu Btutton
 
-- order: 6
+- order: 5
 
 菜单按钮
 
-`注`: 下拉按钮的 icon 大小统一成 10px。
+**注**: 下拉按钮的 icon 大小统一成 10px。
 
 ---
 

components/button/demo/size.md

@@ -1,8 +1,10 @@
 # Button sizes
 
-- order: 2 
+- order: 7
 
-按钮尺寸，提供 大 中 小 三种尺寸
+按钮尺寸
+
+提供 大 中 小 三种尺寸
 
 使用 `.ant-btn-lg` `.ant-btn-sm` 即可获得大 小尺寸，默认尺寸为中 
 

components/button/demo/styled.md

@@ -0,0 +1,25 @@
+# Styled Button
+
+- order: 2 
+
+预定义样式按钮: 
+
+  使用下面列出的类即可创建带有预定义样式的按钮，我们通过样式来显示重要程度的不同。
+
+- `ant-btn-primary`
+
+- `ant-btn-default`
+
+- `ant-btn-ghost`
+
+**注**: 当按钮文字为两个字时，中间需要**间隔一个字符**。
+
+---
+
+````html
+<div>
+  <button class="ant-btn ant-btn-primary">主按钮</button>
+  <button class="ant-btn ant-btn-default">次按钮</button>
+  <button class="ant-btn ant-btn-ghost">幽灵按钮</button>
+</div>
+````

components/button/index.md

@@ -7,38 +7,33 @@
 
 ---
 
-这是一个按钮。
-
 ## 何时使用
 
-O(∩_∩)O
+如果你想为 `<a>` `<button>` 或 `<input>` 元素添加按钮类（button class）时，那你就愉快得使用吧。
 
-## 为什么使用
+## 如何使用
 
-O(∩_∩)O
+- 按钮的基础样式为 `ant-btn`。
 
-## 怎么使用
+  在这里我们统一使用 **ant** 作为类名空间，当然你也可以自定义(通过覆盖 `@css-prefix` 变量即可)。
 
-按钮的基础样式为 `.ant-btn`, 其中 ant 是类名空间前缀，可以自定义。
+- 通过类组装的形式来产生不同的按钮样式，推荐遵循如下顺序：
+```
+  .ant-btn
+  	&darr;
+  .ant-btn-primary | .ant-btn-default | .ant-btn-ghost  
+  	&darr;
+  .ant-btn-circle | .ant-btn-circle-outline  
+  	&darr;
+  .ant-btn-lg | .ant-btn-sm
+ ```
 
-通过类组装的形式来产生不同的按钮样式，推荐遵循如下顺序：
+- 按钮的样式参数说明如下：
 
-**.ant-btn > .ant-btn-primary | .ant-btn-default | .ant-btn-ghost > .ant-btn-circle | .ant-btn-circle-outline > .ant-btn-lg | .ant-btn-sm**
-
-按钮的样式参数说明如下：
-
-- `.ant-btn` 
-
-按钮基础样式, 用于初始化按钮
-
-- `.ant-btn-primary` `.ant-btn-default` `.ant-btn-ghost` 
-
-使用这些列出的类可以快速创建一个带有预定义样式的按钮。
- 
-- `.ant-btn-circle` `.ant-btn-circle-outline` 
-
-用于创建圆形按钮，`.ant-btn-circle-outline` 为描边按钮
-
-- `.ant-btn-lg` `.ant-btn-sm`
-
-定义按钮大小尺寸, 目前提供三种尺寸：大中小，默认为中
+| 类名  | 说明 |
+| ------------- | ------------- |
+| `.ant-btn`  | 按钮基础样式, 用于初始化按钮 |
+| `.ant-btn-primary` `.ant-btn-default` `.ant-btn-ghost`  | 使用这些列出的类可以快速创建一个带有预定义样式的按钮。  |
+| `.ant-btn-circle` `.ant-btn-circle-outline`  | 用于创建圆形按钮，`.ant-btn-circle-outline` 为描边按钮 |
+| `.ant-btn-lg` `.ant-btn-sm`  | 定义按钮大小尺寸, 目前提供三种尺寸：大中小，默认为中 |
+| `.ant-btn-group` | 按钮组合，通过按钮组容器把一组按钮放在同一行里 |