<re-checkbox-group :value="baseValue" @change="onBaseChange">
<re-checkbox label="多选" value="checkbox1" />
<re-checkbox label="多选" value="checkbox2" />
<re-checkbox label="多选标题多行多选标题多行多选标题多行多选标题多行多选标题多行" value="checkbox3" />
<re-checkbox label="多选" content="描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息" value="checkbox4" borderless />
<re-checkbox-group :value="horizontalValue" borderless customStyle="flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;background-color:#ffffff;" @change="onHorizontalChange">
<re-checkbox class="demo-inline-checkbox" :block="false" :borderless="true" label="多选标题" value="checkbox1" />
<re-checkbox class="demo-inline-checkbox" :block="false" :borderless="true" label="多选标题" value="checkbox2" />
<re-checkbox class="demo-inline-checkbox" :block="false" :borderless="true" label="上限四字" value="checkbox3" />
<re-checkbox-group :value="checkAllValue" @change="onCheckAllChange">
<re-checkbox label="全选" :checkAll="true" value="all" />
<re-checkbox label="多选" value="1" />
<re-checkbox label="多选" value="2" />
<re-checkbox label="多选" content="描述信息描述信息描述信息描述信息描述信息描述信息描述信息" value="3" borderless />
<re-checkbox-group :value="disabledValue" :disabled="true">
<re-checkbox label="选项禁用-已选" value="checkbox1" />
<re-checkbox label="选项禁用-默认" value="checkbox2" borderless />
<re-checkbox :checked="lineChecked" icon="line" label="多选" @change="onLineChange" />
<re-checkbox :checked="rectangleChecked" icon="rectangle" label="多选" @change="onRectangleChange" />
<re-checkbox :checked="imageChecked" :icon="imageIcons" label="图片图标" borderless @change="onImageChange" />
<re-checkbox :checked="leftChecked" label="多选" @change="onLeftCheckedChange" />
<re-checkbox :checked="rightChecked" label="多选" placement="right" borderless @change="onRightCheckedChange" />
<re-checkbox-group :value="cardValue" @change="onCardChange" customStyle="border-radius:12px;overflow:hidden;">
<re-checkbox label="多选" value="1" />
<re-checkbox label="多选" value="2" />
<re-checkbox label="多选标题多行多选标题多行多选标题多行多选标题多行多选标题" value="3" borderless />
<re-checkbox-group :value="specialValue" borderless icon="none" @change="onSpecialChange">
<re-checkbox label="多选" content="描述信息描述信息描述信息描述信息描述信息" value="0" icon="none" :borderless="true" />
<re-checkbox label="多选" content="描述信息描述信息描述信息描述信息描述信息" value="1" icon="none" :borderless="true" />
<re-checkbox label="多选" content="描述信息描述信息描述信息描述信息描述信息" value="2" icon="none" :borderless="true" />
<re-checkbox-group :value="specialHorizontalValue" borderless icon="none" customStyle="flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:16px;" @change="onSpecialHorizontalChange">
<re-checkbox label="多选" value="0" icon="none" :borderless="true" />
<re-checkbox label="多选" value="1" icon="none" :borderless="true" />
<re-checkbox label="多选" value="2" icon="none" :borderless="true" />
