# Button
### Color Button
:::demo `color` 属性定义了按钮的颜色，`parent`、`headmaster`、`teacher` 为 家长端、校长端、资深老师端的按钮色。
```html
Default Button
Primary Button
Success Button
Info Button
Warning Button
Danger Button
Parent Button
Headmaster Button
Teacher Button
```
```javaScript
```
:::
### 带字体图标的按钮
:::demo
```html
Default Button
Primary Button
Success Button
Info Button
Warning Button
Danger Button
```
```javaScript
```
:::
### 单独图标按钮
:::demo
```html
一倍大小 icon
两倍大小 icon
```
```javaScript
```
:::
### Link Button
:::demo
```html
Link Button
```
```javaScript
```
:::
### 圆角按钮
:::demo
```html
Rounded Button
Block Button
xs button
sm Button
xlg Button
lg Button
```
```javaScript
```
:::
### disabled
:::demo
```html
Disabled Rounded Button
```
```javaScript
```
:::
### Button Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |------------- |---------------|------------ |-------- |
| color | 颜色 | `String` | `default`, `primary`, `success`, `info`, `warning`, `danger`, `parent`,`headmaster`,`teacher` | — |
| type | 类型 | `Array` | `icon`, `icon-2x`, `link`, `rounded`, `block` | — |
| size | 大小 | `String` | `xs`, `sm`, `lg`, `xlg` | — |
| disabled | 是否禁用 | `Boolean` | `true` 或 `false` | false |