<template>
    <div class="ht-base-button-group-demo">
        <ht-base-button-group>
            <ht-base-button type="primary">组合直角</ht-base-button>
            <ht-base-button type="primary">组合直角</ht-base-button>
        </ht-base-button-group>
        <ht-base-button-group>
            <ht-base-button type="primary">
                <ht-base-icon type='LiRa_left' style="margin-right: 6px;font-size: 12px;"/>
                组合图标按钮
            </ht-base-button>
            <ht-base-button type="primary">
                组合图标按钮
                <ht-base-icon type='LiRa_right' style="margin-left: 6px;font-size: 12px;"/>
            </ht-base-button>
        </ht-base-button-group>
        <br><br>
        <ht-base-button-group>
            <ht-base-button type='primary' icon="LiRa_telephone"/>
            <ht-base-button icon="LiRa_comment"/>
            <ht-base-button icon="LiRa_user"/>
        </ht-base-button-group>
        <ht-base-button-group>
            <ht-base-button type="primary">
                <ht-base-icon type='LiRa_left'/>
            </ht-base-button>
            <ht-base-button type="primary">
                <ht-base-icon type='LiRa_right'/>
            </ht-base-button>
        </ht-base-button-group>
        <br><br>
        <ht-base-button-group>
            <ht-base-button>默认按钮组合</ht-base-button>
            <ht-base-button>默认按钮组合</ht-base-button>
        </ht-base-button-group>
        <br><br>
        <ht-base-button-group vertical>
            <ht-base-button icon="LiRa_telephone"/>
            <ht-base-button icon="LiRa_comment"/>
            <ht-base-button icon="LiRa_user"/>
        </ht-base-button-group>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseButtonGroupDemo',
    }
</script>
<style>
    .ht-base-button-group-demo {

    }
</style>

