:::demo default
```html
<div class="demo-row">
  <input type="text" class="mo-input" placeholder="Placeholder...">
</div>
<div class="demo-row">
  <input type="text" class="mo-input mo-input--success" placeholder="success...">
</div>
<div class="demo-row">
  <input type="text" class="mo-input mo-input--danger" placeholder="error...">
</div>
```
:::


### 禁用状态
:::demo disabled
```html
<div class="demo-row">
 <input type="text" class="mo-input" placeholder="Placeholder..." disabled>
</div>
```
:::


### 尺寸
:::demo size
```html
<div class="demo-row">
  <input type="text" class="mo-input mo-input--large" placeholder="大尺寸...">
  <input type="text" class="mo-input" placeholder="默认...">
  <input type="text" class="mo-input mo-input--small" placeholder="小尺寸...">
  <input type="text" class="mo-input mo-input--tiny" placeholder="极小尺寸...">
</div>
<div class="demo-row">
  <textarea class="mo-input" placeholder="请输入文本..." rows="2"></textarea>
</div>  
```
:::

### 输入框组
:::demo group
```html
<div class="demo-row">
  <div class="mo-inputs">
    <div class="mo-inputs__prepend">
      <span class="mo-inputs__label">昵称</span>
    </div>
    <input type="text" class="mo-input">
  </div>  
</div>
<div class="demo-row">
  <div class="mo-inputs">
    <div class="mo-inputs__prepend">
      <span class="mo-inputs__label">标签一</span>
      <span class="mo-inputs__label">标签二</span>
    </div>
    <input type="text" class="mo-input">
  </div>  
</div>
<div class="demo-row">
  <div class="mo-inputs">
    <input type="text" class="mo-input">
    <div class="mo-inputs__append">
      <span class="mo-inputs__label">¥</span>
    </div>
  </div> 
</div>
<div class="demo-row">
  <div class="mo-inputs">
    <input type="text" class="mo-input">
    <div class="mo-inputs__append">
      <span class="mo-inputs__label">.00</span>
      <span class="mo-inputs__label">¥</span>
    </div>
  </div>
</div>  
<div class="demo-row">
  <div class="mo-inputs">
    <input type="text" class="mo-input">
    <div class="mo-inputs__append">
      <button type="button" class="mo-btn">搜索</button>
    </div>
  </div>  
</div>
```
:::