<template>
    <div>
        <div>

            <!--基础用法-->
            <div class="mt30 mb15">基础用法</div>
            <basic></basic>

            <!--禁止状态-->
            <div class="mt30 mb15">禁止状态</div>
            <disabled></disabled>

            <!--checkbox组-->
            <div class="mt30 mb15">checkbox组</div>
            <group></group>

            <!--选中数量限制-->
            <div class="mt30 mb15">选中数量限制</div>
            <checkCountLimit></checkCountLimit>


            <!--垂直显示-->
            <div class="mt30 mb15">垂直显示</div>
            <vertical></vertical>


            <!--checkbox组获取每一项value值-->
            <div class="mt30 mb15">checkbox组获取每一项value值</div>
            <getCheckItem></getCheckItem>


            <!--checkbox组全选-->
            <div class="mt30 mb15">checkbox组全选</div>
            <checkAll></checkAll>


            <!--checkbox动态绑定-->
            <div class="mt30 mb15">checkbox动态绑定</div>
            <dynamic-binding></dynamic-binding>

        </div>
    </div>
</template>



<script>

    import basic from './basic.md';//基础用法
    import disabled from './disabled.md';//禁用状态
    import group from './group.md';//分组
    import checkCountLimit from './checkCountLimit.md';//选中数量限制
    import vertical from './vertical.md';//垂直显示
    import getCheckItem from './getCheckItem.md';//获取选中的项
    import checkAll from './checkAll.md';//全选
    import DynamicBinding from './DynamicBinding.md';//动态绑定

    export default{
        name:'CheckBox',
        components:{
            basic,
            disabled,
            group,
            checkCountLimit,
            vertical,
            getCheckItem,
            checkAll,
            DynamicBinding
        }
    }
</script>