<template>
    <div class="ht-base-dropdown-button-group-demo">
        <ht-base-dropdown placement="bottom-start">
            <ht-base-button type="primary" icon="LiRa_more"/>
            <ht-base-dropdown-menu slot="list">
                <ht-base-dropdown-item>
                    <ht-base-icon type='LiRa_user' />
                    驴打滚
                </ht-base-dropdown-item>
                <ht-base-dropdown-item>
                    <ht-base-icon type='LiRa_user' />
                    炸酱面
                </ht-base-dropdown-item>
                <ht-base-dropdown-item>
                    <ht-base-icon type='LiRa_user' />
                    豆汁儿
                </ht-base-dropdown-item>
                <ht-base-dropdown-item>
                    <ht-base-icon type='LiRa_user' />
                    冰糖葫芦
                </ht-base-dropdown-item>
                <ht-base-dropdown-item>
                    <ht-base-icon type='LiRa_user' />
                    北京烤鸭
                </ht-base-dropdown-item>
            </ht-base-dropdown-menu>
        </ht-base-dropdown>
        <ht-base-button type="primary" style="margin-left: -2px">
            下拉菜单
        </ht-base-button>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseDropdownButtonGroupDemo',
    }
</script>
<style lang="less">
    .ht-base-dropdown-button-group-demo {
        .ht-base-button.ivu-btn {
            padding: 0 16px;
        }
    }
</style>

