<style scoped>
    .source{
        padding: 10px;
        width: 100%;
    }
</style>
## Button 按钮

### 基础用法  使用`type`来定义按钮样式
:::demo
```html
<mc-btn type="primary">primary</mc-btn>&nbsp;
<mc-btn type="ghost">ghost</mc-btn> &nbsp;
<mc-btn type="assist">assist</mc-btn> &nbsp;
&nbsp;
```
:::

### 禁用状态
:::demo
```html
<mc-btn type="primary" disabled="true">primary</mc-btn>&nbsp;
<mc-btn type="ghost" disabled="true">ghost</mc-btn> &nbsp;
<mc-btn type="assist" disabled="true">assist</mc-btn> &nbsp;

```
:::

### 文字按钮
:::demo
```html
<mc-btn type="link">link</mc-btn> &nbsp;
<mc-btn type="link" :disabled="'true'">disabled</mc-btn>&nbsp;
<br>
<mc-btn type="text">text</mc-btn>
<mc-btn type="text" disabled="true">text</mc-btn>
```
:::

### 不同尺寸
:::demo
```html
<mc-btn size="big">big</mc-btn>&nbsp;
<mc-btn>default</mc-btn>&nbsp;
<mc-btn size="small">small</mc-btn>
```
:::

### 块级按钮
:::demo 占满整行的按钮
```html
<mc-btn size="block">block</mc-btn>
```
:::

### Button 属性

|参数		|说明		|类型		|可选值		|默认值		|
|-----------|-----------|-----------|-----------|-----------|
|type	    |按钮样式	    |String		| primary、ghost、assist、link、text 		| primary 		|
|disabled	|禁用状态	    |Boolean	| -	        | false 	|
|size	    |尺寸	    |String	    | big、default、 small	、block  | default 	|