输入框

<cb-form-group label="演示：">
  <cb-input v-model="test1" />
</cb-form-group>

<cb-form-group label="禁用：">
  <cb-input v-model="test2" disabled />
</cb-form-group>

<cb-form-group label="密码：">
  <cb-input type="password" v-model="test12" />
</cb-form-group>

<cb-form-group label="大型：">
  <cb-input v-model="test3" large />
</cb-form-group>
<cb-form-group label="默认：">
  <cb-input v-model="test4" / >
</cb-form-group>
<cb-form-group label="小型：">
  <cb-input v-model="test5" small />
</cb-form-group>

<cb-form-group label="多行演示：">
  <cb-input type="textarea" rows="8" v-model="test6" />
</cb-form-group>

<cb-form-group label="左侧附带按钮：">
  <cb-input type="text" v-model="test7">
    <template #prepend><cb-button>按钮</cb-button></template>
  </cb-input>
</cb-form-group>
<cb-form-group label="右侧附带按钮：">
  <cb-input type="text" v-model="test8">
    <template #append><cb-button>按钮</cb-button></template>
  </cb-input>
</cb-form-group>
<cb-form-group label="附带文案：">
  <cb-input type="text" v-model="test9">
    <template #prepend>网址</template>
  </cb-input>
</cb-form-group>

<cb-input-group>
  <cb-input-group-addon>文案1</cb-input-group-addon>
  <cb-input v-model="test10" />
  <cb-input-group-addon>文案2</cb-input-group-addon>
  <cb-input v-model="test11" />
  <cb-input-group-addon>文案3</cb-input-group-addon>
</cb-input-group>